#2D9871

#2D9871

Color Values

HEX

#2D9871

RGB

45, 152, 113

HSL

158.1, 54.3%, 38.6%

HSV

158.1, 70.4%, 59.6%

CMYK

70.4%, 0.0%, 25.7%, 40.4%

OKLCH

0.6093 0.1134 164.4

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2D9871

#982D54

Analogous

#2D983B

#2D8998

#2D9871

Triadic

#2D9871

#712D98

#98712D

Split Complementary

#2D9871

#982D89

#983B2D

Tetradic

#2D9871

#3B2D98

#982D54

#89982D

Color Blindness Simulation

Original

#2D9871

Protanopia

#5B5C7A

Deuteranopia

#554D7D

Tritanopia

#328284

Achromatopsia

#7E7E7E

CSS Usage

background-color: #2D9871;
color: #2D9871;
border-color: #2D9871;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EFE1
300
#A1E3CB
400
#6DD4AE
500
#3AC592
600
#2F9D75
700
#257E5E
800
#1D6249
900
#194837
950
#102E23

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026