#822114

#822114

Color Values

HEX

#822114

RGB

130, 33, 20

HSL

7.1, 73.3%, 29.4%

HSV

7.1, 84.6%, 51.0%

CMYK

0.0%, 74.6%, 84.6%, 49.0%

OKLCH

0.4045 0.1341 31.0

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#822114

#147582

Analogous

#82143E

#825814

#822114

Triadic

#822114

#148221

#211482

Split Complementary

#822114

#148258

#143E82

Tetradic

#822114

#3E8214

#147582

#581482

Color Blindness Simulation

Original

#822114

Protanopia

#585717

Deuteranopia

#5E6518

Tritanopia

#7D1A1A

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C7C1
300
#EFA095
400
#E66C5B
500
#DD3822
600
#B12D1B
700
#8D2416
800
#6E1C11
900
#501810
950
#330F0A

Contrast Checker

Text on white

9.65:1

AA Pass AAA Pass

Text on black

2.18:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026