#8568B0

#8568B0

Color Values

HEX

#8568B0

RGB

133, 104, 176

HSL

264.2, 31.3%, 54.9%

HSV

264.2, 40.9%, 69.0%

CMYK

24.4%, 40.9%, 0.0%, 31.0%

OKLCH

0.5755 0.1117 301.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#8568B0

#93B068

Analogous

#686FB0

#A968B0

#8568B0

Triadic

#8568B0

#B08568

#68B085

Split Complementary

#8568B0

#B0A968

#6FB068

Tetradic

#8568B0

#B0686F

#93B068

#68B0A9

Color Blindness Simulation

Original

#8568B0

Protanopia

#78789F

Deuteranopia

#7A7C9A

Tritanopia

#84918E

Achromatopsia

#737373

CSS Usage

background-color: #8568B0;
color: #8568B0;
border-color: #8568B0;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E6
300
#BEAFD5
400
#9B83BE
500
#7858A7
600
#604686
700
#4D386B
800
#3C2C54
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

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