#31563B

#31563B

Color Values

HEX

#31563B

RGB

49, 86, 59

HSL

136.2, 27.4%, 26.5%

HSV

136.2, 43.0%, 33.7%

CMYK

43.0%, 0.0%, 31.4%, 66.3%

OKLCH

0.417 0.0622 151.6

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#31563B

#56314C

Analogous

#3A5631

#31564E

#31563B

Triadic

#31563B

#3B3156

#563B31

Split Complementary

#31563B

#4E3156

#56313A

Tetradic

#31563B

#313A56

#56314C

#564E31

Color Blindness Simulation

Original

#31563B

Protanopia

#414142

Deuteranopia

#3F3C43

Tritanopia

#334748

Achromatopsia

#4C4C4C

CSS Usage

background-color: #31563B;
color: #31563B;
border-color: #31563B;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D2E5D7
300
#B1D3BA
400
#87BB95
500
#5DA26F
600
#4A8259
700
#3B6847
800
#2E5138
900
#253C2B
950
#17261B

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

2.52:1

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