#1F8546

#1F8546

Color Values

HEX

#1F8546

RGB

31, 133, 70

HSL

142.9, 62.2%, 32.2%

HSV

142.9, 76.7%, 52.2%

CMYK

76.7%, 0.0%, 47.4%, 47.8%

OKLCH

0.5448 0.1325 151.3

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#1F8546

#851F5E

Analogous

#2B851F

#1F8579

#1F8546

Triadic

#1F8546

#461F85

#85461F

Split Complementary

#1F8546

#791F85

#851F2B

Tetradic

#1F8546

#1F2B85

#851F5E

#85791F

Color Blindness Simulation

Original

#1F8546

Protanopia

#4B4C55

Deuteranopia

#453E59

Tritanopia

#246164

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F3FBF6
100
#E4F7EB
200
#C5F2D6
300
#9CE8B9
400
#66DB93
500
#30CF6D
600
#27A557
700
#1F8446
800
#186736
900
#154C2A
950
#0D301B

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.5:1

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