#312209

#312209

Color Values

HEX

#312209

RGB

49, 34, 9

HSL

37.5, 69.0%, 11.4%

HSV

37.5, 81.6%, 19.2%

CMYK

0.0%, 30.6%, 81.6%, 80.8%

OKLCH

0.2644 0.0444 77.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#312209

#091831

Analogous

#310E09

#2C3109

#312209

Triadic

#312209

#093122

#220931

Split Complementary

#312209

#092C31

#0E0931

Tetradic

#312209

#09310E

#091831

#31092C

Color Blindness Simulation

Original

#312209

Protanopia

#2B2A0F

Deuteranopia

#2B2C10

Tritanopia

#301415

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8F0E3
200
#F4E1C3
300
#ECCC98
400
#E2B160
500
#D79528
600
#AC7820
700
#8A6019
800
#6C4B14
900
#4F3812
950
#32230C

Contrast Checker

Text on white

15.4:1

AA Pass AAA Pass

Text on black

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