#1DAF72

#1DAF72

Color Values

HEX

#1DAF72

RGB

29, 175, 114

HSL

154,9, 71,6%, 40,0%

HSV

154,9, 83,4%, 68,6%

CMYK

83,4%, 0,0%, 34,9%, 31,4%

OKLCH

0,6675 0,1474 158,7

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#1DAF72

#AF1D5A

Analogous

#1DAF29

#1DA3AF

#1DAF72

Triadic

#1DAF72

#721DAF

#AF721D

Split Complementary

#1DAF72

#AF1DA3

#AF291D

Tetradic

#1DAF72

#291DAF

#AF1D5A

#A3AF1D

Color Blindness Simulation

Original

#1DAF72

Protanopia

#5C5D81

Deuteranopia

#544984

Tritanopia

#248C8F

Achromatopsia

#8C8C8C

CSS Usage

background-color: #1DAF72;
color: #1DAF72;
border-color: #1DAF72;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FCF8
100
#E2F8EF
200
#C2F5DF
300
#96EEC9
400
#5DE4AC
500
#24DB8E
600
#1DAF72
700
#178C5B
800
#126D47
900
#115036
950
#0B3222

Contrast Checker

Text on white

2,83:1

AA Fail AAA Fail

Text on black

7,43: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