#8522AA

#8522AA

Color Values

HEX

#8522AA

RGB

133, 34, 170

HSL

283.7, 66.7%, 40.0%

HSV

283.7, 80.0%, 66.7%

CMYK

21.8%, 80.0%, 0.0%, 33.3%

OKLCH

0.4758 0.2063 314.5

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#8522AA

#47AA22

Analogous

#4122AA

#AA228B

#8522AA

Triadic

#8522AA

#AA8522

#22AA85

Split Complementary

#8522AA

#8BAA22

#22AA41

Tetradic

#8522AA

#AA4122

#47AA22

#228BAA

Color Blindness Simulation

Original

#8522AA

Protanopia

#5A5989

Deuteranopia

#606781

Tritanopia

#806F69

Achromatopsia

#414141

CSS Usage

background-color: #8522AA;
color: #8522AA;
border-color: #8522AA;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F3FC
100
#F2E3F7
200
#E6C3F3
300
#D499EB
400
#BD62E0
500
#A62AD5
600
#8522AA
700
#6A1B88
800
#53156A
900
#3E134E
950
#270C31

Contrast Checker

Text on white

7.48:1

AA Pass AAA Pass

Text on black

2.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026