#311216

#311216

Color Values

HEX

#311216

RGB

49, 18, 22

HSL

352.3, 46.3%, 13.1%

HSV

352.3, 63.3%, 19.2%

CMYK

0.0%, 63.3%, 55.1%, 80.8%

OKLCH

0.2316 0.0505 13.9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311216

#12312D

Analogous

#311225

#311D12

#311216

Triadic

#311216

#163112

#121631

Split Complementary

#311216

#12311D

#122531

Tetradic

#311216

#253112

#12312D

#1D1231

Color Blindness Simulation

Original

#311216

Protanopia

#242315

Deuteranopia

#252815

Tritanopia

#2F1414

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#ECCBCF
300
#DEA5AD
400
#CC7580
500
#BB4454
600
#953743
700
#772C36
800
#5D222A
900
#451C21
950
#2B1215

Contrast Checker

Text on white

17.09:1

AA Pass AAA Pass

Text on black

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