#311D12

#311D12

Color Values

HEX

#311D12

RGB

49, 29, 18

HSL

21.3, 46.3%, 13.1%

HSV

21.3, 63.3%, 19.2%

CMYK

0.0%, 40.8%, 63.3%, 80.8%

OKLCH

0.2538 0.0371 49.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#311D12

#122631

Analogous

#311216

#312C12

#311D12

Triadic

#311D12

#12311D

#1D1231

Split Complementary

#311D12

#12312C

#121631

Tetradic

#311D12

#163112

#122631

#2C1231

Color Blindness Simulation

Original

#311D12

Protanopia

#282815

Deuteranopia

#2A2B15

Tritanopia

#301717

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#ECD7CB
300
#DEBAA5
400
#CC9475
500
#BB6E44
600
#955837
700
#77472C
800
#5D3722
900
#452B1C
950
#2B1B12

Contrast Checker

Text on white

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