#24C4DB

#24C4DB

Color Values

HEX

#24C4DB

RGB

36, 196, 219

HSL

187.5, 71.8%, 50.0%

HSV

187.5, 83.6%, 85.9%

CMYK

83.6%, 10.5%, 0.0%, 14.1%

OKLCH

0.7541 0.1247 210.3

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#24C4DB

#DB3B24

Analogous

#24DB96

#2469DB

#24C4DB

Triadic

#24C4DB

#DB24C4

#C4DB24

Split Complementary

#24C4DB

#DB2469

#DB9624

Tetradic

#24C4DB

#9624DB

#DB3B24

#69DB24

Color Blindness Simulation

Original

#24C4DB

Protanopia

#696BD5

Deuteranopia

#6054D4

Tritanopia

#2CD1D0

Achromatopsia

#A4A4A4

CSS Usage

background-color: #24C4DB;
color: #24C4DB;
border-color: #24C4DB;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C2EFF5
300
#96E3EE
400
#5DD3E4
500
#24C4DB
600
#1D9DAF
700
#177E8C
800
#12626E
900
#114850
950
#0B2D32

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

9.99:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026