#228F2F

#228F2F

Color Values

HEX

#228F2F

RGB

34, 143, 47

HSL

127,2, 61,6%, 34,7%

HSV

127,2, 76,2%, 56,1%

CMYK

76,2%, 0,0%, 67,1%, 43,9%

OKLCH

0,5702 0,1647 144,6

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#228F2F

#8F2282

Analogous

#4B8F22

#228F66

#228F2F

Triadic

#228F2F

#2F228F

#8F2F22

Split Complementary

#228F2F

#66228F

#8F224B

Tetradic

#228F2F

#224B8F

#8F2282

#8F6622

Color Blindness Simulation

Original

#228F2F

Protanopia

#515246

Deuteranopia

#4B434C

Tritanopia

#27595D

Achromatopsia

#717171

CSS Usage

background-color: #228F2F;
color: #228F2F;
border-color: #228F2F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FBF4
100
#E4F6E6
200
#C5F1CB
300
#9CE7A5
400
#67DB74
500
#31CE44
600
#27A536
700
#1F842B
800
#186722
900
#164B1C
950
#0E3012

Contrast Checker

Text on white

4,17:1

AA Fail AAA Fail

Text on black

5,04:1

AA Pass 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