#8567BC

#8567BC

Color Values

HEX

#8567BC

RGB

133, 103, 188

HSL

261.2, 38.8%, 57.1%

HSV

261.2, 45.2%, 73.7%

CMYK

29.3%, 45.2%, 0.0%, 26.3%

OKLCH

0.5802 0.1296 298.6

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8567BC

#9EBC67

Analogous

#6774BC

#B067BC

#8567BC

Triadic

#8567BC

#BC8567

#67BC85

Split Complementary

#8567BC

#BCB067

#74BC67

Tetradic

#8567BC

#BC6774

#9EBC67

#67BCB0

Color Blindness Simulation

Original

#8567BC

Protanopia

#7878A7

Deuteranopia

#7A7CA2

Tritanopia

#849794

Achromatopsia

#747474

CSS Usage

background-color: #8567BC;
color: #8567BC;
border-color: #8567BC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EBE7F3
200
#D7CDE9
300
#BBAADA
400
#967CC5
500
#714EB1
600
#5A3E8E
700
#483271
800
#382758
900
#2B2041
950
#1B1429

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

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