#822422

#822422

Color Values

HEX

#822422

RGB

130, 36, 34

HSL

1.2, 58.5%, 32.2%

HSV

1.2, 73.8%, 51.0%

CMYK

0.0%, 72.3%, 73.8%, 49.0%

OKLCH

0.4096 0.129 25.9

Properties

Warm Dark Nearest: NCS S 3060-R Dark Red

Color Harmonies

Complementary

#822422

#228082

Analogous

#822250

#825422

#822422

Triadic

#822422

#228224

#242282

Split Complementary

#822422

#228254

#225082

Tetradic

#822422

#508222

#228082

#542282

Color Blindness Simulation

Original

#822422

Protanopia

#595822

Deuteranopia

#5F6623

Tritanopia

#7D2323

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E4
200
#F0C7C6
300
#E69F9E
400
#D86C69
500
#CA3835
600
#A22D2A
700
#812422
800
#651C1A
900
#4A1817
950
#2F0F0E

Contrast Checker

Text on white

9.44:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026