#8667BC

#8667BC

Color Values

HEX

#8667BC

RGB

134, 103, 188

HSL

261.9, 38.8%, 57.1%

HSV

261.9, 45.2%, 73.7%

CMYK

28.7%, 45.2%, 0.0%, 26.3%

OKLCH

0.5812 0.1297 299.2

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8667BC

#9DBC67

Analogous

#6773BC

#B167BC

#8667BC

Triadic

#8667BC

#BC8667

#67BC86

Split Complementary

#8667BC

#BCB167

#73BC67

Tetradic

#8667BC

#BC6773

#9DBC67

#67BCB1

Color Blindness Simulation

Original

#8667BC

Protanopia

#7978A7

Deuteranopia

#7A7DA2

Tritanopia

#849794

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D8CDE9
300
#BBAADA
400
#977CC5
500
#724EB1
600
#5B3E8E
700
#493271
800
#392758
900
#2C2041
950
#1C1429

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

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