#84100D

#84100D

Color Values

HEX

#84100D

RGB

132, 16, 13

HSL

1.5, 82.1%, 28.4%

HSV

1.5, 90.2%, 51.8%

CMYK

0.0%, 87.9%, 90.2%, 48.2%

OKLCH

0.3937 0.1496 28.5

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#84100D

#0D8184

Analogous

#840D45

#844B0D

#84100D

Triadic

#84100D

#0D8410

#100D84

Split Complementary

#84100D

#0D844B

#0D4584

Tetradic

#84100D

#45840D

#0D8184

#4B0D84

Color Blindness Simulation

Original

#84100D

Protanopia

#52510E

Deuteranopia

#58610E

Tritanopia

#7E0E0E

Achromatopsia

#282828

CSS Usage

background-color: #84100D;
color: #84100D;
border-color: #84100D;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F9BFBE
300
#F49290
400
#EE5753
500
#E81C17
600
#BA1612
700
#95120F
800
#740E0B
900
#540E0D
950
#350908

Contrast Checker

Text on white

10.19:1

AA Pass AAA Pass

Text on black

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