#1F8565

#1F8565

Color Values

HEX

#1F8565

RGB

31, 133, 101

HSL

161.2, 62.2%, 32.2%

HSV

161.2, 76.7%, 52.2%

CMYK

76.7%, 0.0%, 24.1%, 47.8%

OKLCH

0.5518 0.1036 166.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#1F8565

#851F3F

Analogous

#1F8532

#1F7285

#1F8565

Triadic

#1F8565

#651F85

#85651F

Split Complementary

#1F8565

#851F72

#85321F

Tetradic

#1F8565

#321F85

#851F3F

#72851F

Color Blindness Simulation

Original

#1F8565

Protanopia

#4B4C6D

Deuteranopia

#453E6F

Tritanopia

#247374

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F2E4
300
#9CE8D0
400
#66DBB7
500
#30CF9D
600
#27A57E
700
#1F8465
800
#18674F
900
#154C3B
950
#0D3025

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026