#311C12

#311C12

Color Values

HEX

#311C12

RGB

49, 28, 18

HSL

19.4, 46.3%, 13.1%

HSV

19.4, 63.3%, 19.2%

CMYK

0.0%, 42.9%, 63.3%, 80.8%

OKLCH

0.2515 0.0379 46.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#311C12

#122731

Analogous

#311217

#312B12

#311C12

Triadic

#311C12

#12311C

#1C1231

Split Complementary

#311C12

#12312B

#121731

Tetradic

#311C12

#173112

#122731

#2B1231

Color Blindness Simulation

Original

#311C12

Protanopia

#282814

Deuteranopia

#292B15

Tritanopia

#301617

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#ECD5CB
300
#DEB8A5
400
#CC9175
500
#BB6B44
600
#955537
700
#77442C
800
#5D3522
900
#45291C
950
#2B1A12

Contrast Checker

Text on white

16.09:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026