#800B18

#800B18

Color Values

HEX

#800B18

RGB

128, 11, 24

HSL

353.3, 84.2%, 27.3%

HSV

353.3, 91.4%, 50.2%

CMYK

0.0%, 91.4%, 81.2%, 49.8%

OKLCH

0.384 0.1473 23.7

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#800B18

#0B8073

Analogous

#800B53

#80390B

#800B18

Triadic

#800B18

#18800B

#0B1880

Split Complementary

#800B18

#0B8039

#0B5380

Tetradic

#800B18

#53800B

#0B8073

#390B80

Color Blindness Simulation

Original

#800B18

Protanopia

#4D4C15

Deuteranopia

#545D14

Tritanopia

#7A1212

Achromatopsia

#252525

CSS Usage

background-color: #800B18;
color: #800B18;
border-color: #800B18;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FDF2F3
100
#FAE0E3
200
#F9BDC4
300
#F58E9A
400
#F05163
500
#EB142C
600
#BC1023
700
#960D1C
800
#750A16
900
#550C14
950
#36070D

Contrast Checker

Text on white

10.61:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026