#311311

#311311

Color Values

HEX

#311311

RGB

49, 19, 17

HSL

3.8, 48.5%, 12.9%

HSV

3.8, 65.3%, 19.2%

CMYK

0.0%, 61.2%, 65.3%, 80.8%

OKLCH

0.2321 0.0493 25.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311311

#112F31

Analogous

#31111F

#312311

#311311

Triadic

#311311

#113113

#131131

Split Complementary

#311311

#113123

#111F31

Tetradic

#311311

#1F3111

#112F31

#231131

Color Blindness Simulation

Original

#311311

Protanopia

#242411

Deuteranopia

#262812

Tritanopia

#301212

Achromatopsia

#191919

CSS Usage

background-color: #311311;
color: #311311;
border-color: #311311;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCCCA
300
#DFA8A4
400
#CE7973
500
#BD4942
600
#973B35
700
#792F2A
800
#5F2521
900
#461E1B
950
#2C1311

Contrast Checker

Text on white

17.05:1

AA Pass AAA Pass

Text on black

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