#331411

#331411

Color Values

HEX

#331411

RGB

51, 20, 17

HSL

5.3, 50.0%, 13.3%

HSV

5.3, 66.7%, 20.0%

CMYK

0.0%, 60.8%, 66.7%, 80.0%

OKLCH

0.2376 0.0509 27.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331411

#113033

Analogous

#33111F

#332511

#331411

Triadic

#331411

#113314

#141133

Split Complementary

#331411

#113325

#111F33

Tetradic

#331411

#1F3311

#113033

#251133

Color Blindness Simulation

Original

#331411

Protanopia

#262512

Deuteranopia

#272A12

Tritanopia

#311212

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCDC9
300
#E0A9A3
400
#D07A71
500
#BF4B40
600
#993C33
700
#7A3029
800
#602620
900
#461E1B
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