#2AF7DF

Vivid Cyan

HEX

RGB

HSL

About #2AF7DF Vivid Cyan

#2AF7DF is a vivid cyan color. In the RGB color model, it is composed of 42 red, 247 green, and 223 blue. In the HSL color space, it has a hue of 173°, saturation of 93%, 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 #2AF7DF in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

173°

Hue

93%

Saturation

57%

Lightness

Vivid Cyan

Color Harmonies

Colors that work well with #2AF7DF based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #2AF7DF against white and black backgrounds.

Aa#2AF7DF on White
Contrast Ratio1.36:1
AA AA Large AAA
Aa#2AF7DF on Black
Contrast Ratio15.47:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2AF7DF across different color formats.

FormatValue
HEX#2AF7DF
RGBrgb(42, 247, 223)
HSLhsl(173, 93%, 57%)
RGB Decimal42, 247, 223
RGB Percent16.5%, 96.9%, 87.5%
CMYK (approx.)83%, 0%, 10%, 3%

Related Palettes

12 palettes using #2AF7DF or similar colors

#731FF9#A6F91F#F91F39#1FF9E0
#A6F91F#731FF9#1FF9E0#F91F39
#25F4D5#F42544#6D25F4#ABF425
#6F1FF9#A9F91F#F91F3C#1FF9DC
#1FF9E3#F91F35#761FF9#A2F91F
#6C1FF9#ADF91F#F91F40#1FF9D9
#F91F40#1FF9D9#ADF91F#6C1FF9
#1FF9D5#F91F44#681FF9#B1F91F
#B1F91F#681FF9#1FF9D5#F91F44
#681FF9#B1F91F#F91F44#1FF9D5
#F91F44#1FF9D5#B1F91F#681FF9
#9BF91F#7E1FF9#1FF9EB#F91F2E