#227727

#227727

Color Values

HEX

#227727

RGB

34, 119, 39

HSL

123.5, 55.6%, 30.0%

HSV

123.5, 71.4%, 46.7%

CMYK

71.4%, 0.0%, 67.2%, 53.3%

OKLCH

0.5013 0.1408 143.9

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#227727

#772272

Analogous

#487722

#227751

#227727

Triadic

#227727

#272277

#772722

Split Complementary

#227727

#512277

#772248

Tetradic

#227727

#224877

#772272

#775122

Color Blindness Simulation

Original

#227727

Protanopia

#47483A

Deuteranopia

#423B3F

Tritanopia

#264A4D

Achromatopsia

#5F5F5F

CSS Usage

background-color: #227727;
color: #227727;
border-color: #227727;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F4FBF4
100
#E5F6E6
200
#C7EFCA
300
#A0E4A4
400
#6CD572
500
#39C641
600
#2D9F34
700
#247F2A
800
#1C6320
900
#18491B
950
#0F2E11

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026