#24AF72

#24AF72

Color Values

HEX

#24AF72

RGB

36, 175, 114

HSL

153.7, 65.9%, 41.4%

HSV

153.7, 79.4%, 68.6%

CMYK

79.4%, 0.0%, 34.9%, 31.4%

OKLCH

0.6685 0.1458 158.3

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#24AF72

#AF2461

Analogous

#24AF2D

#24A7AF

#24AF72

Triadic

#24AF72

#7224AF

#AF7224

Split Complementary

#24AF72

#AF24A7

#AF2D24

Tetradic

#24AF72

#2D24AF

#AF2461

#A7AF24

Color Blindness Simulation

Original

#24AF72

Protanopia

#606181

Deuteranopia

#584E84

Tritanopia

#2B8C8F

Achromatopsia

#8D8D8D

CSS Usage

background-color: #24AF72;
color: #24AF72;
border-color: #24AF72;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F3DE
300
#99EAC7
400
#62DFA8
500
#2BD48A
600
#23A96E
700
#1C8758
800
#166A45
900
#144D34
950
#0C3121

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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