#822C25

#822C25

Color Values

HEX

#822C25

RGB

130, 44, 37

HSL

4.5, 55.7%, 32.7%

HSV

4.5, 71.5%, 51.0%

CMYK

0.0%, 66.2%, 71.5%, 49.0%

OKLCH

0.4198 0.1201 28.0

Properties

Warm Dark Nearest: NCS S 3060-R Dark Red

Color Harmonies

Complementary

#822C25

#257B82

Analogous

#82254C

#825A25

#822C25

Triadic

#822C25

#25822C

#2C2582

Split Complementary

#822C25

#25825A

#254C82

Tetradic

#822C25

#4C8225

#257B82

#5A2582

Color Blindness Simulation

Original

#822C25

Protanopia

#5D5C27

Deuteranopia

#626827

Tritanopia

#7E2828

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E6E5
200
#EFCAC7
300
#E4A5A0
400
#D5746C
500
#C74338
600
#9F362D
700
#7F2B24
800
#63221C
900
#491C18
950
#2E120F

Contrast Checker

Text on white

8.99:1

AA Pass AAA Pass

Text on black

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