#1F8536

#1F8536

Color Values

HEX

#1F8536

RGB

31, 133, 54

HSL

133.5, 62.2%, 32.2%

HSV

133.5, 76.7%, 52.2%

CMYK

76.7%, 0.0%, 59.4%, 47.8%

OKLCH

0.5423 0.1474 146.8

Properties

Cool Dark Nearest: springgreen 4

Color Harmonies

Complementary

#1F8536

#851F6E

Analogous

#3B851F

#1F8569

#1F8536

Triadic

#1F8536

#361F85

#85361F

Split Complementary

#1F8536

#691F85

#851F3B

Tetradic

#1F8536

#1F3B85

#851F6E

#85691F

Color Blindness Simulation

Original

#1F8536

Protanopia

#4B4C49

Deuteranopia

#453E4E

Tritanopia

#24585C

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F3FBF5
100
#E4F7E8
200
#C5F2CF
300
#9CE8AD
400
#66DB80
500
#30CF54
600
#27A543
700
#1F8436
800
#18672A
900
#154C22
950
#0D3015

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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