#31F2DF

Vivid Cyan

HEX

RGB

HSL

About #31F2DF Vivid Cyan

#31F2DF is a vivid cyan color. In the RGB color model, it is composed of 49 red, 242 green, and 223 blue. In the HSL color space, it has a hue of 174°, saturation of 88%, and lightness of 57%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

Use #31F2DF in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

174°

Hue

88%

Saturation

57%

Lightness

Vivid Cyan

Color Harmonies

Colors that work well with #31F2DF based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #31F2DF against white and black backgrounds.

Aa#31F2DF on White
Contrast Ratio1.41:1
AA AA Large AAA
Aa#31F2DF on Black
Contrast Ratio14.9:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #31F2DF across different color formats.

FormatValue
HEX#31F2DF
RGBrgb(49, 242, 223)
HSLhsl(174, 88%, 57%)
RGB Decimal49, 242, 223
RGB Percent19.2%, 94.9%, 87.5%
CMYK (approx.)80%, 0%, 8%, 5%

Related Palettes

12 palettes using #31F2DF or similar colors

#28A460#33E5DC#7EB8E7#C1C3F1
#25F4D5#F42544#6D25F4#ABF425
#1DAF64#36E2DF#7EB4E7#BDBEF4
#731FF9#A6F91F#F91F39#1FF9E0
#A6F91F#731FF9#1FF9E0#F91F39
#17B56B#32E0E6#7DAFE8#BFBDF4
#1AB252#31E7CF#7FC0E6#BBC3F6
#6F1FF9#A9F91F#F91F3C#1FF9DC
#1FF9E3#F91F35#761FF9#A2F91F
#6C1FF9#ADF91F#F91F40#1FF9D9
#F91F40#1FF9D9#ADF91F#6C1FF9
#1FF9D5#F91F44#681FF9#B1F91F