#24DBC0

#24DBC0

Color Values

HEX

#24DBC0

RGB

36, 219, 192

HSL

171.1, 71.8%, 50.0%

HSV

171.1, 83.6%, 85.9%

CMYK

83.6%, 0.0%, 12.3%, 14.1%

OKLCH

0.8009 0.1408 179.2

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#24DBC0

#DB243F

Analogous

#24DB64

#249BDB

#24DBC0

Triadic

#24DBC0

#C024DB

#DBC024

Split Complementary

#24DBC0

#DB249B

#DB6424

Tetradic

#24DBC0

#6424DB

#DB243F

#9BDB24

Color Blindness Simulation

Original

#24DBC0

Protanopia

#7375C7

Deuteranopia

#695BC8

Tritanopia

#2DCCCD

Achromatopsia

#B2B2B2

CSS Usage

background-color: #24DBC0;
color: #24DBC0;
border-color: #24DBC0;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C2F5ED
300
#96EEE1
400
#5DE4D0
500
#24DBC0
600
#1DAF9A
700
#178C7B
800
#126E60
900
#115046
950
#0B322D

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

11.97: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