#24D3CC

A medium, vivid cyan closely aligning with Mediumturquoise.

About #24D3CC

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

For print applications, it's crucial to understand its CMYK makeup. The color uses 83% Cyan, 0% Magenta, 3% Yellow, and 17% Black. The HSL representation is 177.6° hue, 70.9% saturation, and 48.4% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#24D3CC
RGB36, 211, 204
HSL177.6°, 70.9%, 48.4%
CMYK83%, 0%, 3%, 17%
HSV177.6°, 82.9%, 82.7%
LAB76.9, -42.2, -8.4
XYZ34.9, 51.3, 65.2
Decimal2413516

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.86:1
Text on #FFFFFF
FAIL
11.26:1
Text on #000000
AAA
1.78:1
Text on #F8FAFC
FAIL
9.58:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Mediumturquoise
#48D1CC