#311F09

#311F09

Color Values

HEX

#311F09

RGB

49, 31, 9

HSL

33.0, 69.0%, 11.4%

HSV

33.0, 81.6%, 19.2%

CMYK

0.0%, 36.7%, 81.6%, 80.8%

OKLCH

0.257 0.0441 68.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#311F09

#091B31

Analogous

#310B09

#2F3109

#311F09

Triadic

#311F09

#09311F

#1F0931

Split Complementary

#311F09

#092F31

#0B0931

Tetradic

#311F09

#09310B

#091B31

#31092F

Color Blindness Simulation

Original

#311F09

Protanopia

#29290E

Deuteranopia

#2A2C10

Tritanopia

#301313

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DEC3
300
#ECC698
400
#E2A760
500
#D78828
600
#AC6D20
700
#8A5719
800
#6C4414
900
#4F3312
950
#32210C

Contrast Checker

Text on white

15.78:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026