#822158

#822158

Color Values

HEX

#822158

RGB

130, 33, 88

HSL

326.0, 59.5%, 32.0%

HSV

326.0, 74.6%, 51.0%

CMYK

0.0%, 74.6%, 32.3%, 49.0%

OKLCH

0.4217 0.1424 350.2

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#822158

#21824B

Analogous

#7C2182

#822128

#822158

Triadic

#822158

#588221

#215882

Split Complementary

#822158

#288221

#21827C

Tetradic

#822158

#827C21

#21824B

#212882

Color Blindness Simulation

Original

#822158

Protanopia

#58574B

Deuteranopia

#5E6548

Tritanopia

#7D403E

Achromatopsia

#3A3A3A

CSS Usage

background-color: #822158;
color: #822158;
border-color: #822158;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DE
300
#E69DC7
400
#D969A8
500
#CB348A
600
#A3296E
700
#822158
800
#661A45
900
#4A1734
950
#2F0E21

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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