#822327

#822327

Color Values

HEX

#822327

RGB

130, 35, 39

HSL

357.5, 57.6%, 32.4%

HSV

357.5, 73.1%, 51.0%

CMYK

0.0%, 73.1%, 70.0%, 49.0%

OKLCH

0.4093 0.1294 22.8

Properties

Warm Dark Nearest: NCS S 3060-R Dark Red

Color Harmonies

Complementary

#822327

#23827E

Analogous

#822357

#824F23

#822327

Triadic

#822327

#278223

#232782

Split Complementary

#822327

#23824F

#235782

Tetradic

#822327

#578223

#23827E

#4F2382

Color Blindness Simulation

Original

#822327

Protanopia

#595826

Deuteranopia

#5E6626

Tritanopia

#7D2525

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E4E5
200
#F0C7C8
300
#E59FA1
400
#D76A6F
500
#C9363C
600
#A12B30
700
#812327
800
#641B1E
900
#4A1719
950
#2E0F10

Contrast Checker

Text on white

9.46:1

AA Pass AAA Pass

Text on black

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