#331114

#331114

Color Values

HEX

#331114

RGB

51, 17, 20

HSL

354.7, 50.0%, 13.3%

HSV

354.7, 66.7%, 20.0%

CMYK

0.0%, 66.7%, 60.8%, 80.0%

OKLCH

0.2328 0.0551 17.0

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331114

#113330

Analogous

#331125

#331F11

#331114

Triadic

#331114

#143311

#111433

Split Complementary

#331114

#11331F

#112533

Tetradic

#331114

#253311

#113330

#1F1133

Color Blindness Simulation

Original

#331114

Protanopia

#242413

Deuteranopia

#262913

Tritanopia

#311313

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDC9CD
300
#E0A3A9
400
#D0717A
500
#BF404B
600
#99333C
700
#7A2930
800
#602026
900
#461B1E
950
#2C1113

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