#228142

#228142

Color Values

HEX

#228142

RGB

34, 129, 66

HSL

140.2, 58.3%, 32.0%

HSV

140.2, 73.6%, 50.6%

CMYK

73.6%, 0.0%, 48.8%, 49.4%

OKLCH

0.5336 0.1299 150.2

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#228142

#812261

Analogous

#328122

#228172

#228142

Triadic

#228142

#422281

#814222

Split Complementary

#228142

#722281

#812232

Tetradic

#228142

#223281

#812261

#817222

Color Blindness Simulation

Original

#228142

Protanopia

#4B4C51

Deuteranopia

#463E55

Tritanopia

#275D60

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E4F6EA
200
#C6F0D5
300
#9EE5B6
400
#6AD88F
500
#35CA67
600
#2BA153
700
#228142
800
#1B6534
900
#174A28
950
#0F2F19

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026