#2AF4E6

Vivid Cyan

HEX

RGB

HSL

About #2AF4E6 Vivid Cyan

#2AF4E6 is a vivid cyan color. In the RGB color model, it is composed of 42 red, 244 green, and 230 blue. In the HSL color space, it has a hue of 176°, saturation of 90%, and lightness of 56%.

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 #2AF4E6 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

176°

Hue

90%

Saturation

56%

Lightness

Vivid Cyan

Color Harmonies

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

Accessibility

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

Aa#2AF4E6 on White
Contrast Ratio1.38:1
AA AA Large AAA
Aa#2AF4E6 on Black
Contrast Ratio15.18:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2AF4E6 across different color formats.

FormatValue
HEX#2AF4E6
RGBrgb(42, 244, 230)
HSLhsl(176, 90%, 56%)
RGB Decimal42, 244, 230
RGB Percent16.5%, 95.7%, 90.2%
CMYK (approx.)83%, 0%, 6%, 4%

Related Palettes

12 palettes using #2AF4E6 or similar colors

#1FF9E3#F91F35#761FF9#A2F91F
#9BF91F#7E1FF9#1FF9EB#F91F2E
#731FF9#A6F91F#F91F39#1FF9E0
#A6F91F#731FF9#1FF9E0#F91F39
#97F91F#811FF9#1FF9EE#F91F2A
#F91F2A#1FF9EE#97F91F#811FF9
#811FF9#97F91F#F91F2A#1FF9EE
#6F1FF9#A9F91F#F91F3C#1FF9DC
#851FF9#94F91F#F91F27#1FF9F2
#1FF9F2#F91F27#851FF9#94F91F
#94F91F#851FF9#1FF9F2#F91F27
#25F4D5#F42544#6D25F4#ABF425