#21D3F2

Vivid Cyan

HEX

RGB

HSL

About #21D3F2 Vivid Cyan

#21D3F2 is a vivid cyan color. In the RGB color model, it is composed of 33 red, 211 green, and 242 blue. In the HSL color space, it has a hue of 189°, saturation of 89%, and lightness of 54%.

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

Use #21D3F2 in your CSS, SCSS, or Tailwind projects.

Color Properties

189°

Hue

89%

Saturation

54%

Lightness

Vivid Cyan

Color Harmonies

Colors that work well with #21D3F2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #21D3F2 against white and black backgrounds.

Aa#21D3F2 on White
Contrast Ratio1.8:1
AA AA Large AAA
Aa#21D3F2 on Black
Contrast Ratio11.66:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #21D3F2 across different color formats.

FormatValue
HEX#21D3F2
RGBrgb(33, 211, 242)
HSLhsl(189, 89%, 54%)
RGB Decimal33, 211, 242
RGB Percent12.9%, 82.7%, 94.9%
CMYK (approx.)86%, 13%, 0%, 5%

Related Palettes

12 palettes using #21D3F2 or similar colors

#A825F4#71F425#F44125#25D8F4
#64F91F#B41FF9#1FD1F9#F9471F
#1FD1F9#F9471F#B41FF9#64F91F
#B11FF9#68F91F#F9441F#1FD5F9
#F9441F#1FD5F9#68F91F#B11FF9
#1FD5F9#F9441F#B11FF9#68F91F
#B81FF9#61F91F#F94B1F#1FCEF9
#1FCEF9#F94B1F#B81FF9#61F91F
#1FCAF9#F94E1F#BB1FF9#5DF91F
#59F91F#BF1FF9#1FC6F9#F9521F
#BF1FF9#59F91F#F9521F#1FC6F9
#F9351F#1FE3F9#76F91F#A21FF9