#311D18

#311D18

Color Values

HEX

#311D18

RGB

49, 29, 24

HSL

12.0, 34.2%, 14.3%

HSV

12.0, 51.0%, 19.2%

CMYK

0.0%, 40.8%, 51.0%, 80.8%

OKLCH

0.2553 0.0332 34.7

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311D18

#182C31

Analogous

#31181F

#312918

#311D18

Triadic

#311D18

#18311D

#1D1831

Split Complementary

#311D18

#183129

#181F31

Tetradic

#311D18

#1F3118

#182C31

#291831

Color Blindness Simulation

Original

#311D18

Protanopia

#282819

Deuteranopia

#2A2B19

Tritanopia

#301A1A

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E8D4CF
300
#D7B5AD
400
#C18D80
500
#AB6554
600
#895143
700
#6E4136
800
#56332A
900
#3F2822
950
#281915

Contrast Checker

Text on white

15.91:1

AA Pass AAA Pass

Text on black

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