#311D07

#311D07

Color Values

HEX

#311D07

RGB

49, 29, 7

HSL

31.4, 75.0%, 11.0%

HSV

31.4, 85.7%, 19.2%

CMYK

0.0%, 40.8%, 85.7%, 80.8%

OKLCH

0.2519 0.0462 65.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#311D07

#071B31

Analogous

#310807

#303107

#311D07

Triadic

#311D07

#07311D

#1D0731

Split Complementary

#311D07

#073031

#080731

Tetradic

#311D07

#073108

#071B31

#310730

Color Blindness Simulation

Original

#311D07

Protanopia

#28280C

Deuteranopia

#2A2B0E

Tritanopia

#301111

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F6DDC1
300
#F0C494
400
#E7A45A
500
#DF8420
600
#B36A19
700
#8F5414
800
#704210
900
#513210
950
#33200A

Contrast Checker

Text on white

16.04:1

AA Pass AAA Pass

Text on black

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