#802418

#802418

Color Values

HEX

#802418

RGB

128, 36, 24

HSL

6.9, 68.4%, 29.8%

HSV

6.9, 81.2%, 50.2%

CMYK

0.0%, 71.9%, 81.2%, 49.8%

OKLCH

0.4046 0.1284 30.7

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#802418

#187480

Analogous

#801840

#805818

#802418

Triadic

#802418

#188024

#241880

Split Complementary

#802418

#188058

#184080

Tetradic

#802418

#408018

#187480

#581880

Color Blindness Simulation

Original

#802418

Protanopia

#58571B

Deuteranopia

#5E641C

Tritanopia

#7B1D1E

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C8C3
300
#ECA298
400
#E16F60
500
#D73C28
600
#AC3020
700
#89271A
800
#6B1E14
900
#4E1913
950
#31100C

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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