#8532B2

#8532B2

Color Values

HEX

#8532B2

RGB

133, 50, 178

HSL

278.9, 56.1%, 44.7%

HSV

278.9, 71.9%, 69.8%

CMYK

25.3%, 71.9%, 0.0%, 30.2%

OKLCH

0.4963 0.1967 310.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8532B2

#5FB232

Analogous

#4532B2

#B2329F

#8532B2

Triadic

#8532B2

#B28532

#32B285

Split Complementary

#8532B2

#9FB232

#32B245

Tetradic

#8532B2

#B24532

#5FB232

#329FB2

Color Blindness Simulation

Original

#8532B2

Protanopia

#616093

Deuteranopia

#666C8C

Tritanopia

#817B75

Achromatopsia

#4D4D4D

CSS Usage

background-color: #8532B2;
color: #8532B2;
border-color: #8532B2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#F0E5F6
200
#E1C7EF
300
#CC9FE4
400
#B06CD6
500
#9538C7
600
#772D9F
700
#5F247F
800
#4A1C64
900
#381849
950
#230F2E

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026