#311113

#311113

Color Values

HEX

#311113

RGB

49, 17, 19

HSL

356.2, 48.5%, 12.9%

HSV

356.2, 65.3%, 19.2%

CMYK

0.0%, 65.3%, 61.2%, 80.8%

OKLCH

0.2288 0.0522 18.3

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311113

#11312F

Analogous

#311123

#311F11

#311113

Triadic

#311113

#133111

#111331

Split Complementary

#311113

#11311F

#112331

Tetradic

#311113

#233111

#11312F

#1F1131

Color Blindness Simulation

Original

#311113

Protanopia

#232313

Deuteranopia

#252712

Tritanopia

#2F1212

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACC
300
#DFA4A8
400
#CE7379
500
#BD4249
600
#97353B
700
#792A2F
800
#5F2125
900
#461B1E
950
#2C1113

Contrast Checker

Text on white

17.21:1

AA Pass AAA Pass

Text on black

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