#8C4CC0

#8C4CC0

Color Values

HEX

#8C4CC0

RGB

140, 76, 192

HSL

273.1, 47.9%, 52.5%

HSV

273.1, 60.4%, 75.3%

CMYK

27.1%, 60.4%, 0.0%, 24.7%

OKLCH

0.5466 0.1785 306.9

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8C4CC0

#80C04C

Analogous

#524CC0

#C04CBA

#8C4CC0

Triadic

#8C4CC0

#C08C4C

#4CC08C

Split Complementary

#8C4CC0

#BAC04C

#4CC052

Tetradic

#8C4CC0

#C0524C

#80C04C

#4CBAC0

Color Blindness Simulation

Original

#8C4CC0

Protanopia

#7070A4

Deuteranopia

#74799D

Tritanopia

#898E89

Achromatopsia

#626262

CSS Usage

background-color: #8C4CC0;
color: #8C4CC0;
border-color: #8C4CC0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCAEC
300
#C5A4DF
400
#A573CE
500
#8642BD
600
#6B3597
700
#562B79
800
#43215E
900
#331C45
950
#20112C

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail 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