#822170

#822170

Color Values

HEX

#822170

RGB

130, 33, 112

HSL

311.1, 59.5%, 32.0%

HSV

311.1, 74.6%, 51.0%

CMYK

0.0%, 74.6%, 13.8%, 49.0%

OKLCH

0.4331 0.158 336.5

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#822170

#218233

Analogous

#642182

#822140

#822170

Triadic

#822170

#708221

#217082

Split Complementary

#822170

#408221

#218264

Tetradic

#822170

#826421

#218233

#214082

Color Blindness Simulation

Original

#822170

Protanopia

#58575D

Deuteranopia

#5E6558

Tritanopia

#7D4E4A

Achromatopsia

#3B3B3B

CSS Usage

background-color: #822170;
color: #822170;
border-color: #822170;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF3FA
100
#F6E4F3
200
#F1C6E9
300
#E69DD9
400
#D969C4
500
#CB34AF
600
#A3298C
700
#822170
800
#661A58
900
#4A1741
950
#2F0E29

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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