#21D6F2

Vivid Cyan

HEX

RGB

HSL

About #21D6F2 Vivid Cyan

#21D6F2 is a vivid cyan color. In the RGB color model, it is composed of 33 red, 214 green, and 242 blue. In the HSL color space, it has a hue of 188°, 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 #21D6F2 in your CSS, SCSS, or Tailwind projects.

Color Properties

188°

Hue

89%

Saturation

54%

Lightness

Vivid Cyan

Color Harmonies

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

Accessibility

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

Aa#21D6F2 on White
Contrast Ratio1.76:1
AA AA Large AAA
Aa#21D6F2 on Black
Contrast Ratio11.97:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #21D6F2 across different color formats.

FormatValue
HEX#21D6F2
RGBrgb(33, 214, 242)
HSLhsl(188, 89%, 54%)
RGB Decimal33, 214, 242
RGB Percent12.9%, 83.9%, 94.9%
CMYK (approx.)86%, 12%, 0%, 5%

Related Palettes

12 palettes using #21D6F2 or similar colors

#A825F4#71F425#F44125#25D8F4
#B11FF9#68F91F#F9441F#1FD5F9
#F9441F#1FD5F9#68F91F#B11FF9
#1FD5F9#F9441F#B11FF9#68F91F
#1FD9F9#F9401F#AD1FF9#6CF91F
#F9401F#1FD9F9#6CF91F#AD1FF9
#64F91F#B41FF9#1FD1F9#F9471F
#1FD1F9#F9471F#B41FF9#64F91F
#F9471F#1FD1F9#64F91F#B41FF9
#6FF91F#A91FF9#1FDCF9#F93C1F
#A91FF9#6FF91F#F93C1F#1FDCF9
#B81FF9#61F91F#F94B1F#1FCEF9