#312917

#312917

Color Values

HEX

#312917

RGB

49, 41, 23

HSL

41.5, 36.1%, 14.1%

HSV

41.5, 53.1%, 19.2%

CMYK

0.0%, 16.3%, 53.1%, 80.8%

OKLCH

0.2847 0.0322 86.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312917

#171F31

Analogous

#311C17

#2C3117

#312917

Triadic

#312917

#173129

#291731

Split Complementary

#312917

#172C31

#1C1731

Tetradic

#312917

#17311C

#171F31

#31172C

Color Blindness Simulation

Original

#312917

Protanopia

#2E2D1B

Deuteranopia

#2E2F1C

Tritanopia

#311F20

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8E0CE
300
#D8CAAC
400
#C3AE7F
500
#AE9151
600
#8B7441
700
#6F5D34
800
#574929
900
#403621
950
#292215

Contrast Checker

Text on white

14.38:1

AA Pass AAA Pass

Text on black

1.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026