#311B09

#311B09

Color Values

HEX

#311B09

RGB

49, 27, 9

HSL

27.0, 69.0%, 11.4%

HSV

27.0, 81.6%, 19.2%

CMYK

0.0%, 44.9%, 81.6%, 80.8%

OKLCH

0.2475 0.0452 57.7

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#311B09

#091F31

Analogous

#31090B

#312F09

#311B09

Triadic

#311B09

#09311B

#1B0931

Split Complementary

#311B09

#09312F

#090B31

Tetradic

#311B09

#0B3109

#091F31

#2F0931

Color Blindness Simulation

Original

#311B09

Protanopia

#27270D

Deuteranopia

#292A0E

Tritanopia

#301112

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE3
200
#F4D9C3
300
#ECBE98
400
#E29A60
500
#D77728
600
#AC5F20
700
#8A4C19
800
#6C3B14
900
#4F2D12
950
#321D0C

Contrast Checker

Text on white

16.26:1

AA Pass AAA Pass

Text on black

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