#312815

#312815

Color Values

HEX

#312815

RGB

49, 40, 21

HSL

40.7, 40.0%, 13.7%

HSV

40.7, 57.1%, 19.2%

CMYK

0.0%, 18.4%, 57.1%, 80.8%

OKLCH

0.2817 0.034 85.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312815

#151E31

Analogous

#311A15

#2C3115

#312815

Triadic

#312815

#153128

#281531

Split Complementary

#312815

#152C31

#1A1531

Tetradic

#312815

#15311A

#151E31

#31152C

Color Blindness Simulation

Original

#312815

Protanopia

#2D2D1A

Deuteranopia

#2E2E1B

Tritanopia

#311D1E

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EAE0CD
300
#DACBA9
400
#C6AE7B
500
#B2924C
600
#8F753D
700
#725D31
800
#594926
900
#42371F
950
#2A2314

Contrast Checker

Text on white

14.53:1

AA Pass AAA Pass

Text on black

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