#8566AE

#8566AE

Color Values

HEX

#8566AE

RGB

133, 102, 174

HSL

265.8, 30.8%, 54.1%

HSV

265.8, 41.4%, 68.2%

CMYK

23.6%, 41.4%, 0.0%, 31.8%

OKLCH

0.5708 0.1125 302.8

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#8566AE

#8FAE66

Analogous

#666BAE

#A966AE

#8566AE

Triadic

#8566AE

#AE8566

#66AE85

Split Complementary

#8566AE

#AEA966

#6BAE66

Tetradic

#8566AE

#AE666B

#8FAE66

#66AEA9

Color Blindness Simulation

Original

#8566AE

Protanopia

#78779D

Deuteranopia

#797C98

Tritanopia

#838F8C

Achromatopsia

#727272

CSS Usage

background-color: #8566AE;
color: #8566AE;
border-color: #8566AE;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#DAD0E6
300
#BFAFD5
400
#9D84BE
500
#7A58A7
600
#624785
700
#4E386B
800
#3D2C53
900
#2F233E
950
#1D1627

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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