#312918

#312918

Color Values

HEX

#312918

RGB

49, 41, 24

HSL

40.8, 34.2%, 14.3%

HSV

40.8, 51.0%, 19.2%

CMYK

0.0%, 16.3%, 51.0%, 80.8%

OKLCH

0.2849 0.0308 85.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312918

#182031

Analogous

#311C18

#2C3118

#312918

Triadic

#312918

#183129

#291831

Split Complementary

#312918

#182C31

#1C1831

Tetradic

#312918

#18311C

#182031

#31182C

Color Blindness Simulation

Original

#312918

Protanopia

#2E2D1C

Deuteranopia

#2E2F1D

Tritanopia

#311F20

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8E0CF
300
#D7C9AD
400
#C1AC80
500
#AB8F54
600
#897343
700
#6E5C36
800
#56482A
900
#3F3622
950
#282215

Contrast Checker

Text on white

14.37:1

AA Pass AAA Pass

Text on black

1.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026