#8C6493

#8C6493

Color Values

HEX

#8C6493

RGB

140, 100, 147

HSL

291.1, 19.0%, 48.4%

HSV

291.1, 32.0%, 57.6%

CMYK

4.8%, 32.0%, 0.0%, 42.4%

OKLCH

0.5615 0.0848 321.4

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#8C6493

#6B9364

Analogous

#746493

#936482

#8C6493

Triadic

#8C6493

#938C64

#64938C

Split Complementary

#8C6493

#829364

#649374

Tetradic

#8C6493

#937464

#6B9364

#648293

Color Blindness Simulation

Original

#8C6493

Protanopia

#7B7A88

Deuteranopia

#7D8085

Tritanopia

#8A7F7D

Achromatopsia

#707070

CSS Usage

background-color: #8C6493;
color: #8C6493;
border-color: #8C6493;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D5E2
300
#CAB6CD
400
#AD8FB3
500
#916798
600
#745379
700
#5D4261
800
#48344C
900
#362839
950
#221924

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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