#8868CD

#8868CD

Color Values

HEX

#8868CD

RGB

136, 104, 205

HSL

259.0, 50.2%, 60.6%

HSV

259.0, 49.3%, 80.4%

CMYK

33.7%, 49.3%, 0.0%, 19.6%

OKLCH

0.5946 0.1509 296.1

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8868CD

#ADCD68

Analogous

#687BCD

#BA68CD

#8868CD

Triadic

#8868CD

#CD8868

#68CD88

Split Complementary

#8868CD

#CDBA68

#7BCD68

Tetradic

#8868CD

#CD687B

#ADCD68

#68CDBA

Color Blindness Simulation

Original

#8868CD

Protanopia

#7A7AB5

Deuteranopia

#7C7EAF

Tritanopia

#86A19D

Achromatopsia

#767676

CSS Usage

background-color: #8868CD;
color: #8868CD;
border-color: #8868CD;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F4FB
100
#EAE6F5
200
#D5C9ED
300
#B7A3E1
400
#8F71D0
500
#683FC0
600
#533399
700
#43297B
800
#342060
900
#281B46
950
#1A112C

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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