#2CA575

#2CA575

Color Values

HEX

#2CA575

RGB

44, 165, 117

HSL

156.2, 57.9%, 41.0%

HSV

156.2, 73.3%, 64.7%

CMYK

73.3%, 0.0%, 29.1%, 35.3%

OKLCH

0.6444 0.1276 161.9

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#2CA575

#A52C5C

Analogous

#2CA539

#2C99A5

#2CA575

Triadic

#2CA575

#752CA5

#A5752C

Split Complementary

#2CA575

#A52C99

#A5392C

Tetradic

#2CA575

#392CA5

#A52C5C

#99A52C

Color Blindness Simulation

Original

#2CA575

Protanopia

#606181

Deuteranopia

#595083

Tritanopia

#328A8C

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C7F0E0
300
#9EE5C9
400
#6AD7AC
500
#36C98F
600
#2BA172
700
#22815B
800
#1B6547
900
#174A36
950
#0F2F22

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026