#822188

#822188

Color Values

HEX

#822188

RGB

130, 33, 136

HSL

296.5, 60.9%, 33.1%

HSV

296.5, 75.7%, 53.3%

CMYK

4.4%, 75.7%, 0.0%, 46.7%

OKLCH

0.4471 0.177 325.5

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#822188

#278821

Analogous

#4E2188

#88215A

#822188

Triadic

#822188

#888221

#218882

Split Complementary

#822188

#5A8821

#21884E

Tetradic

#822188

#884E21

#278821

#215A88

Color Blindness Simulation

Original

#822188

Protanopia

#58576F

Deuteranopia

#5E6569

Tritanopia

#7D5B57

Achromatopsia

#3D3D3D

CSS Usage

background-color: #822188;
color: #822188;
border-color: #822188;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3FB
100
#F5E4F6
200
#EFC6F1
300
#E39DE7
400
#D367DA
500
#C432CD
600
#9D28A4
700
#7D2083
800
#621967
900
#48164B
950
#2D0E2F

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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