#8E7CF5

#8E7CF5

Color Values

HEX

#8E7CF5

RGB

142, 124, 245

HSL

248.9, 85.8%, 72.4%

HSV

248.9, 49.4%, 96.1%

CMYK

42.0%, 49.4%, 0.0%, 3.9%

OKLCH

0.6588 0.1743 287.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8E7CF5

#E3F57C

Analogous

#7CA7F5

#CB7CF5

#8E7CF5

Triadic

#8E7CF5

#F58E7C

#7CF58E

Split Complementary

#8E7CF5

#F5CB7C

#A7F57C

Tetradic

#8E7CF5

#F57CA7

#E3F57C

#7CF5CB

Color Blindness Simulation

Original

#8E7CF5

Protanopia

#8686D8

Deuteranopia

#8789D1

Tritanopia

#8DC1BC

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C6BDFA
300
#9D8DF6
400
#6850F2
500
#3312ED
600
#280EBE
700
#200C98
800
#190976
900
#160B56
950
#0E0736

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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