#8530BB

#8530BB

Color Values

HEX

#8530BB

RGB

133, 48, 187

HSL

276.7, 59.1%, 46.1%

HSV

276.7, 74.3%, 73.3%

CMYK

28.9%, 74.3%, 0.0%, 26.7%

OKLCH

0.5008 0.2077 308.4

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#8530BB

#66BB30

Analogous

#4030BB

#BB30AC

#8530BB

Triadic

#8530BB

#BB8530

#30BB85

Split Complementary

#8530BB

#ACBB30

#30BB40

Tetradic

#8530BB

#BB4030

#66BB30

#30ACBB

Color Blindness Simulation

Original

#8530BB

Protanopia

#605F99

Deuteranopia

#656C91

Tritanopia

#817F79

Achromatopsia

#4C4C4C

CSS Usage

background-color: #8530BB;
color: #8530BB;
border-color: #8530BB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EFE4F6
200
#E0C6F0
300
#CA9EE6
400
#AD69D8
500
#9034CB
600
#732AA2
700
#5C2182
800
#481A65
900
#36174A
950
#220E2F

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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