HEX Color #24C5D3 (Darkturquoise)

About #24C5D3

The precise color #24C5D3 is an excellent choice for modern design projects. Its closest recognized web color is Darkturquoise. In the RGB color space, it consists of 36 red, 197 green, and 211 blue.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 83% cyan, 7% magenta, 0% yellow, and 17% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#24C5D3

RGB36, 197, 211

HSL184.8°, 70.9%, 48.4%

CMYK83%, 7%, 0%, 17%

HSV184.8°, 82.9%, 82.7%

LAB72.9, -33.7, -18.2

XYZ32.5, 45.0, 68.6

Decimal2409939

Color Harmonies

Complementary

#24C5D3 #D33123

Analogous

#23D389 #236DD3

Triadic

#D323C5 #C5D323

Tetradic

#8923D3 #D33123 #6DD323

Tints, Shades & Tones

Tints (Adding White)

#24C5D3

#3CCBD7

#54D1DC

#6DD8E1

#85DEE6

#9DE5EB

#B6EBF0

#CEF2F5

#E6F8FA

#FFFFFF

Shades (Adding Black)

#24C5D3

#20AFBB

#1C99A4

#18838C

#146D75

#10575D

#0C4146

#082B2E

#041517

#000000

WCAG Contrast Accessibility

2.10:1

Text on #FFFFFF

FAIL

10.00:1

Text on #000000

AAA

2.01:1

Text on #F8FAFC

FAIL

8.50:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #24C5D3; }

.text-color { color: #24C5D3; }

.border-color { border: 2px solid #24C5D3; }

Similar Colors

Darkturquoise

#00CED1