#8C5CD1

#8C5CD1

Color Values

HEX

#8C5CD1

RGB

140, 92, 209

HSL

264.6, 56.0%, 59.0%

HSV

264.6, 56.0%, 82.0%

CMYK

33.0%, 56.0%, 0.0%, 18.0%

OKLCH

0.5813 0.1748 299.9

Properties

Cool Dark Nearest: mediumpurple

Color Harmonies

Complementary

#8C5CD1

#A1D15C

Analogous

#5C66D1

#C65CD1

#8C5CD1

Triadic

#8C5CD1

#D18C5C

#5CD18C

Split Complementary

#8C5CD1

#D1C65C

#66D15C

Tetradic

#8C5CD1

#D15C66

#A1D15C

#5CD1C6

Color Blindness Simulation

Original

#8C5CD1

Protanopia

#7777B5

Deuteranopia

#7A7EAE

Tritanopia

#8A9E99

Achromatopsia

#6F6F6F

CSS Usage

background-color: #8C5CD1;
color: #8C5CD1;
border-color: #8C5CD1;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D8C7EF
300
#BCA0E4
400
#976CD5
500
#7338C7
600
#5C2D9F
700
#49247F
800
#391C63
900
#2C1849
950
#1C0F2E

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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