turquoise

#22D8C6

Balanced

UI Preview

Pro

Conversions

RGB34, 216, 198
CMYK84, 0, 8, 15
HSL174°, 73%, 49%
LAB78, -47, -4
Closest Library Match
teal-40097% Match

Readability

1.79On WhiteFAIL
11.70On BlackPASS AA

For optimal readability, use Black text on this background.

Magic Gradients

subtle
Copy CSS
vibrant
Copy CSS
rich
Copy CSS

About #22D8C6

The hexadecimal color code #22D8C6 is a medium, vibrant shade of Teal (known as turquoise). In the RGB color model, #22D8C6 is comprised of 34 red, 216 green, and 198 blue. In the HSL color space, which is often used in digital design and color grading, it has a hue of 174 degrees, a saturation of 73%, and a lightness of 49%. This color has an approximate wavelength of 529 nm. The closest web-safe color is often utilized in web design, user interfaces (UI), and vector graphics to create vibrant Teal atmospheres. Designers searching for Teal color schemes often pair this with its complementary color or use it as an accent against neutral backgrounds. It is commonly used in digital design for backgrounds, typography, and accent elements. When paired with its complementary color in the palette below, it creates a high-contrast visual hierarchy. Engineers can implement this color using the CSS hex code #22D8C6.

Vision Simulation

ProtanopiaRed-blind
DeuteranopiaGreen-blind
TritanopiaBlue-blind