#312818

#312818

Color Values

HEX

#312818

RGB

49, 40, 24

HSL

38.4, 34.2%, 14.3%

HSV

38.4, 51.0%, 19.2%

CMYK

0.0%, 18.4%, 51.0%, 80.8%

OKLCH

0.2823 0.03 81.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312818

#182131

Analogous

#311B18

#2D3118

#312818

Triadic

#312818

#183128

#281831

Split Complementary

#312818

#182D31

#1B1831

Tetradic

#312818

#18311B

#182131

#31182D

Color Blindness Simulation

Original

#312818

Protanopia

#2D2D1C

Deuteranopia

#2E2E1D

Tritanopia

#311F20

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C8AD
400
#C1AA80
500
#AB8C54
600
#897043
700
#6E5936
800
#56462A
900
#3F3522
950
#282115

Contrast Checker

Text on white

14.51:1

AA Pass AAA Pass

Text on black

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