#311C24

#311C24

Color Values

HEX

#311C24

RGB

49, 28, 36

HSL

337.1, 27.3%, 15.1%

HSV

337.1, 42.9%, 19.2%

CMYK

0.0%, 42.9%, 26.5%, 80.8%

OKLCH

0.2571 0.0354 355.4

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#311C24

#1C3129

Analogous

#311C2F

#311E1C

#311C24

Triadic

#311C24

#24311C

#1C2431

Split Complementary

#311C24

#1C311E

#1C2F31

Tetradic

#311C24

#2F311C

#1C3129

#1E1C31

Color Blindness Simulation

Original

#311C24

Protanopia

#282822

Deuteranopia

#292B22

Tritanopia

#302120

Achromatopsia

#212121

CSS Usage

background-color: #311C24;
color: #311C24;
border-color: #311C24;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D9
300
#D3B1BE
400
#BA879B
500
#A25D77
600
#824A5F
700
#683B4C
800
#512E3C
900
#3C252E
950
#26171D

Contrast Checker

Text on white

15.88:1

AA Pass AAA Pass

Text on black

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