#2C9F5D

#2C9F5D

Color Values

HEX

#2C9F5D

RGB

44, 159, 93

HSL

145.6, 56.7%, 39.8%

HSV

145.6, 72.3%, 62.4%

CMYK

72.3%, 0.0%, 41.5%, 37.6%

OKLCH

0.6232 0.1416 153.4

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#2C9F5D

#9F2C6E

Analogous

#349F2C

#2C9F97

#2C9F5D

Triadic

#2C9F5D

#5D2C9F

#9F5D2C

Split Complementary

#2C9F5D

#972C9F

#9F2C34

Tetradic

#2C9F5D

#2C349F

#9F2C6E

#9F972C

Color Blindness Simulation

Original

#2C9F5D

Protanopia

#5E5F6D

Deuteranopia

#574E71

Tritanopia

#327A7C

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F6EC
200
#C7F0D8
300
#9FE5BD
400
#6BD699
500
#37C875
600
#2CA05E
700
#23804B
800
#1C643A
900
#18492D
950
#0F2E1C

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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