#311310

#311310

Color Values

HEX

#311310

RGB

49, 19, 16

HSL

5.5, 50.8%, 12.7%

HSV

5.5, 67.3%, 19.2%

CMYK

0.0%, 61.2%, 67.3%, 80.8%

OKLCH

0.2318 0.0496 27.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311310

#102E31

Analogous

#31101D

#312310

#311310

Triadic

#311310

#103113

#131031

Split Complementary

#311310

#103123

#101D31

Tetradic

#311310

#1D3110

#102E31

#231031

Color Blindness Simulation

Original

#311310

Protanopia

#242411

Deuteranopia

#262811

Tritanopia

#301111

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EDCCC9
300
#E1A8A3
400
#D17A71
500
#C04B3F
600
#9A3C32
700
#7B3028
800
#60251F
900
#471E1A
950
#2D1311

Contrast Checker

Text on white

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