#24A89B

#24A89B

Color Values

HEX

#24A89B

RGB

36, 168, 155

HSL

174.1, 64.7%, 40.0%

HSV

174.1, 78.6%, 65.9%

CMYK

78.6%, 0.0%, 7.7%, 34.1%

OKLCH

0.6614 0.1092 184.7

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#24A89B

#A82431

Analogous

#24A859

#2473A8

#24A89B

Triadic

#24A89B

#9B24A8

#A89B24

Split Complementary

#24A89B

#A82473

#A85924

Tetradic

#24A89B

#5924A8

#A82431

#73A824

Color Blindness Simulation

Original

#24A89B

Protanopia

#5D5E9E

Deuteranopia

#564C9F

Tritanopia

#2BA1A1

Achromatopsia

#8B8B8B

CSS Usage

background-color: #24A89B;
color: #24A89B;
border-color: #24A89B;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F2EE
300
#9AE9E2
400
#64DED2
500
#2DD2C2
600
#24A89B
700
#1D867C
800
#176961
900
#144D47
950
#0D302D

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.15:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026