#24A899

#24A899

Color Values

HEX

#24A899

RGB

36, 168, 153

HSL

173.2, 64.7%, 40.0%

HSV

173.2, 78.6%, 65.9%

CMYK

78.6%, 0.0%, 8.9%, 34.1%

OKLCH

0.6608 0.1099 183.2

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#24A899

#A82433

Analogous

#24A857

#2475A8

#24A899

Triadic

#24A899

#9924A8

#A89924

Split Complementary

#24A899

#A82475

#A85724

Tetradic

#24A899

#5724A8

#A82433

#75A824

Color Blindness Simulation

Original

#24A899

Protanopia

#5D5E9D

Deuteranopia

#564C9E

Tritanopia

#2B9FA0

Achromatopsia

#8B8B8B

CSS Usage

background-color: #24A899;
color: #24A899;
border-color: #24A899;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F2ED
300
#9AE9E0
400
#64DED0
500
#2DD2BF
600
#24A899
700
#1D867A
800
#176960
900
#144D46
950
#0D302C

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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