#312306

#312306

Color Values

HEX

#312306

RGB

49, 35, 6

HSL

40.5, 78.2%, 10.8%

HSV

40.5, 87.8%, 19.2%

CMYK

0.0%, 28.6%, 87.8%, 80.8%

OKLCH

0.2665 0.0477 82.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312306

#061431

Analogous

#310E06

#2A3106

#312306

Triadic

#312306

#063123

#230631

Split Complementary

#312306

#062A31

#0E0631

Tetradic

#312306

#06310E

#061431

#31062A

Color Blindness Simulation

Original

#312306

Protanopia

#2B2B0D

Deuteranopia

#2C2D0F

Tritanopia

#301314

Achromatopsia

#242424

CSS Usage

background-color: #312306;
color: #312306;
border-color: #312306;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF9F2
100
#F9F1E1
200
#F7E5BF
300
#F2D392
400
#EABA57
500
#E3A21C
600
#B68216
700
#916812
800
#72510E
900
#533C0E
950
#342609

Contrast Checker

Text on white

15.29:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026