#1F8422

#1F8422

Color Values

HEX

#1F8422

RGB

31, 132, 34

HSL

121.8, 62.0%, 32.0%

HSV

121.8, 76.5%, 51.8%

CMYK

76.5%, 0.0%, 74.2%, 48.2%

OKLCH

0.5373 0.1614 143.3

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#1F8422

#841F81

Analogous

#4F841F

#1F8455

#1F8422

Triadic

#1F8422

#221F84

#84221F

Split Complementary

#1F8422

#551F84

#841F4F

Tetradic

#1F8422

#1F4F84

#841F81

#84551F

Color Blindness Simulation

Original

#1F8422

Protanopia

#4B4C3A

Deuteranopia

#453D3F

Tritanopia

#244C51

Achromatopsia

#676767

CSS Usage

background-color: #1F8422;
color: #1F8422;
border-color: #1F8422;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FBF4
100
#E4F7E4
200
#C5F1C6
300
#9CE89E
400
#66DB6A
500
#30CF35
600
#27A52B
700
#1F8422
800
#18671B
900
#154B17
950
#0E300F

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38: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