#8860C3

#8860C3

Color Values

HEX

#8860C3

RGB

136, 96, 195

HSL

264.2, 45.2%, 57.1%

HSV

264.2, 50.8%, 76.5%

CMYK

30.3%, 50.8%, 0.0%, 23.5%

OKLCH

0.575 0.1505 300.4

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#8860C3

#9BC360

Analogous

#606AC3

#B960C3

#8860C3

Triadic

#8860C3

#C38860

#60C388

Split Complementary

#8860C3

#C3B960

#6AC360

Tetradic

#8860C3

#C3606A

#9BC360

#60C3B9

Color Blindness Simulation

Original

#8860C3

Protanopia

#7776AB

Deuteranopia

#797CA5

Tritanopia

#869894

Achromatopsia

#707070

CSS Usage

background-color: #8860C3;
color: #8860C3;
border-color: #8860C3;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D8CBEB
300
#BCA6DD
400
#9876CB
500
#7446B9
600
#5D3894
700
#4A2D76
800
#3A235D
900
#2D1D44
950
#1C122B

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

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