#1F8567

#1F8567

Color Values

HEX

#1F8567

RGB

31, 133, 103

HSL

162.4, 62.2%, 32.2%

HSV

162.4, 76.7%, 52.2%

CMYK

76.7%, 0.0%, 22.6%, 47.8%

OKLCH

0.5524 0.102 168.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#1F8567

#851F3D

Analogous

#1F8534

#1F7085

#1F8567

Triadic

#1F8567

#671F85

#85671F

Split Complementary

#1F8567

#851F70

#85341F

Tetradic

#1F8567

#341F85

#851F3D

#70851F

Color Blindness Simulation

Original

#1F8567

Protanopia

#4B4C6E

Deuteranopia

#453E70

Tritanopia

#247475

Achromatopsia

#6D6D6D

CSS Usage

background-color: #1F8567;
color: #1F8567;
border-color: #1F8567;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F2E4
300
#9CE8D2
400
#66DBB9
500
#30CFA0
600
#27A580
700
#1F8467
800
#186750
900
#154C3C
950
#0D3026

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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