#24E2D3

A medium, vivid cyan closely aligning with Turquoise.

About #24E2D3

The precise color #24E2D3 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Turquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 226, and 211.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 84% C, 0% M, 7% Y, and 11% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#24E2D3
RGB36, 226, 211
HSL175.3°, 76.6%, 51.4%
CMYK84%, 0%, 7%, 11%
HSV175.3°, 84.1%, 88.6%
LAB81.5, -46.8, -5.3
XYZ39.7, 59.5, 71.0
Decimal2417363

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.63:1
Text on #FFFFFF
FAIL
12.89:1
Text on #000000
AAA
1.56:1
Text on #F8FAFC
FAIL
10.96:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #24E2D3; }
.text-color { color: #24E2D3; }
.border-color { border: 2px solid #24E2D3; }

Similar Colors

Turquoise
#40E0D0