#331108

#331108

Color Values

HEX

#331108

RGB

51, 17, 8

HSL

12.6, 72.9%, 11.6%

HSV

12.6, 84.3%, 20.0%

CMYK

0.0%, 66.7%, 84.3%, 80.0%

OKLCH

0.2301 0.0578 36.0

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331108

#082A33

Analogous

#330815

#332708

#331108

Triadic

#331108

#083311

#110833

Split Complementary

#331108

#083327

#081533

Tetradic

#331108

#153308

#082A33

#270833

Color Blindness Simulation

Original

#331108

Protanopia

#24240A

Deuteranopia

#26290B

Tritanopia

#310C0C

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F5CCC1
300
#EEA895
400
#E5795C
500
#DC4A23
600
#B03B1C
700
#8D2F16
800
#6E2511
900
#501E11
950
#33130B

Contrast Checker

Text on white

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