#842318

#842318

Color Values

HEX

#842318

RGB

132, 35, 24

HSL

6.1, 69.2%, 30.6%

HSV

6.1, 81.8%, 51.8%

CMYK

0.0%, 73.5%, 81.8%, 48.2%

OKLCH

0.4108 0.1338 30.2

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#842318

#187984

Analogous

#841843

#845918

#842318

Triadic

#842318

#188423

#231884

Split Complementary

#842318

#188459

#184384

Tetradic

#842318

#438418

#187984

#591884

Color Blindness Simulation

Original

#842318

Protanopia

#5A591B

Deuteranopia

#60671B

Tritanopia

#7F1D1D

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C8C3
300
#ECA097
400
#E26D5F
500
#D83927
600
#AD2E1F
700
#8A2519
800
#6C1D14
900
#4F1812
950
#320F0C

Contrast Checker

Text on white

9.4:1

AA Pass AAA Pass

Text on black

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