#822776

#822776

Color Values

HEX

#822776

RGB

130, 39, 118

HSL

307.9, 53.8%, 33.1%

HSV

307.9, 70.0%, 51.0%

CMYK

0.0%, 70.0%, 9.2%, 49.0%

OKLCH

0.4422 0.155 333.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#822776

#278233

Analogous

#602782

#822748

#822776

Triadic

#822776

#768227

#277682

Split Complementary

#822776

#488227

#278260

Tetradic

#822776

#826027

#278233

#274882

Color Blindness Simulation

Original

#822776

Protanopia

#5B5A63

Deuteranopia

#60675E

Tritanopia

#7D5450

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EFC8E9
300
#E3A1DA
400
#D36EC6
500
#C43BB2
600
#9D2F8E
700
#7E2672
800
#621D59
900
#481942
950
#2D102A

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

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