#312413

#312413

Color Values

HEX

#312413

RGB

49, 36, 19

HSL

34.0, 44.1%, 13.3%

HSV

34.0, 61.2%, 19.2%

CMYK

0.0%, 26.5%, 61.2%, 80.8%

OKLCH

0.271 0.0345 73.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312413

#132031

Analogous

#311513

#2F3113

#312413

Triadic

#312413

#133124

#241331

Split Complementary

#312413

#132F31

#151331

Tetradic

#312413

#133115

#132031

#31132F

Color Blindness Simulation

Original

#312413

Protanopia

#2B2B17

Deuteranopia

#2C2D18

Tritanopia

#301A1B

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDDCC
300
#DDC5A7
400
#CAA677
500
#B88747
600
#936C39
700
#76562E
800
#5C4324
900
#44331D
950
#2B2012

Contrast Checker

Text on white

15.08:1

AA Pass AAA Pass

Text on black

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