#8C7AF1

#8C7AF1

Color Values

HEX

#8C7AF1

RGB

140, 122, 241

HSL

249.1, 81.0%, 71.2%

HSV

249.1, 49.4%, 94.5%

CMYK

41.9%, 49.4%, 0.0%, 5.5%

OKLCH

0.6512 0.1719 287.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8C7AF1

#DFF17A

Analogous

#7AA4F1

#C87AF1

#8C7AF1

Triadic

#8C7AF1

#F18C7A

#7AF18C

Split Complementary

#8C7AF1

#F1C87A

#A4F17A

Tetradic

#8C7AF1

#F17AA4

#DFF17A

#7AF1C8

Color Blindness Simulation

Original

#8C7AF1

Protanopia

#8484D4

Deuteranopia

#8587CD

Tritanopia

#8BBDB8

Achromatopsia

#868686

CSS Usage

background-color: #8C7AF1;
color: #8C7AF1;
border-color: #8C7AF1;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F4F2FD
100
#E5E1F9
200
#C7BEF8
300
#9F90F3
400
#6B54ED
500
#3818E7
600
#2C13B9
700
#241094
800
#1C0C73
900
#180D54
950
#0F0835

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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