#331412

#331412

Color Values

HEX

#331412

RGB

51, 20, 18

HSL

3.6, 47.8%, 13.5%

HSV

3.6, 64.7%, 20.0%

CMYK

0.0%, 60.8%, 64.7%, 80.0%

OKLCH

0.2378 0.0506 25.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331412

#123133

Analogous

#331220

#332412

#331412

Triadic

#331412

#123314

#141233

Split Complementary

#331412

#123324

#122033

Tetradic

#331412

#203312

#123133

#241233

Color Blindness Simulation

Original

#331412

Protanopia

#262512

Deuteranopia

#272A13

Tritanopia

#311313

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCA
300
#DFA8A5
400
#CE7974
500
#BC4A43
600
#973B35
700
#792F2B
800
#5E2521
900
#451E1C
950
#2C1311

Contrast Checker

Text on white

16.81:1

AA Pass AAA Pass

Text on black

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