#2C9C64

#2C9C64

Color Values

HEX

#2C9C64

RGB

44, 156, 100

HSL

150.0, 56.0%, 39.2%

HSV

150.0, 71.8%, 61.2%

CMYK

71.8%, 0.0%, 35.9%, 38.8%

OKLCH

0.6166 0.1309 156.7

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#2C9C64

#9C2C64

Analogous

#2C9C2C

#2C9C9C

#2C9C64

Triadic

#2C9C64

#642C9C

#9C642C

Split Complementary

#2C9C64

#9C2C9C

#9C2C2C

Tetradic

#2C9C64

#2C2C9C

#9C2C64

#9C9C2C

Color Blindness Simulation

Original

#2C9C64

Protanopia

#5D5D72

Deuteranopia

#564E75

Tritanopia

#327C7F

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E5F6ED
200
#C7EFDB
300
#A0E4C2
400
#6CD5A1
500
#38C780
600
#2D9F66
700
#247F52
800
#1C6340
900
#184930
950
#0F2E1F

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026