#822F34

#822F34

Color Values

HEX

#822F34

RGB

130, 47, 52

HSL

356.4, 46.9%, 34.7%

HSV

356.4, 63.8%, 51.0%

CMYK

0.0%, 63.8%, 60.0%, 49.0%

OKLCH

0.4266 0.1145 19.8

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#822F34

#2F827D

Analogous

#822F5D

#82542F

#822F34

Triadic

#822F34

#34822F

#2F3482

Split Complementary

#822F34

#2F8254

#2F5D82

Tetradic

#822F34

#5D822F

#2F827D

#542F82

Color Blindness Simulation

Original

#822F34

Protanopia

#5E5D33

Deuteranopia

#636932

Tritanopia

#7E3232

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCD
300
#DFA5A9
400
#CD747A
500
#BB444B
600
#96363C
700
#782B30
800
#5E2225
900
#451C1E
950
#2C1213

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

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