#2C9573

#2C9573

Color Values

HEX

#2C9573

RGB

44, 149, 115

HSL

160.6, 54.4%, 37.8%

HSV

160.6, 70.5%, 58.4%

CMYK

70.5%, 0.0%, 22.8%, 41.6%

OKLCH

0.6016 0.1082 167.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2C9573

#952C4E

Analogous

#2C953E

#2C8295

#2C9573

Triadic

#2C9573

#732C95

#95732C

Split Complementary

#2C9573

#952C82

#953E2C

Tetradic

#2C9573

#3E2C95

#952C4E

#82952C

Color Blindness Simulation

Original

#2C9573

Protanopia

#595A7B

Deuteranopia

#534C7D

Tritanopia

#318283

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E5F5F0
200
#C8EFE2
300
#A1E3CE
400
#6DD4B3
500
#3AC598
600
#2F9D7A
700
#257E61
800
#1D624C
900
#194839
950
#102E24

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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