#822576

#822576

Color Values

HEX

#822576

RGB

130, 37, 118

HSL

307.7, 55.7%, 32.7%

HSV

307.7, 71.5%, 51.0%

CMYK

0.0%, 71.5%, 9.2%, 49.0%

OKLCH

0.4401 0.1576 333.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#822576

#258231

Analogous

#5F2582

#822547

#822576

Triadic

#822576

#768225

#257682

Split Complementary

#822576

#478225

#25825F

Tetradic

#822576

#825F25

#258231

#254782

Color Blindness Simulation

Original

#822576

Protanopia

#5A5962

Deuteranopia

#5F665E

Tritanopia

#7D5350

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F6E5F3
200
#EFC7EA
300
#E4A0DB
400
#D56CC8
500
#C738B4
600
#9F2D90
700
#7F2473
800
#631C5A
900
#491843
950
#2E0F2A

Contrast Checker

Text on white

8.48:1

AA Pass AAA Pass

Text on black

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