#8E5DCD

#8E5DCD

Color Values

HEX

#8E5DCD

RGB

142, 93, 205

HSL

266.2, 52.8%, 58.4%

HSV

266.2, 54.6%, 80.4%

CMYK

30.7%, 54.6%, 0.0%, 19.6%

OKLCH

0.5824 0.1688 301.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8E5DCD

#9CCD5D

Analogous

#5D64CD

#C65DCD

#8E5DCD

Triadic

#8E5DCD

#CD8E5D

#5DCD8E

Split Complementary

#8E5DCD

#CDC65D

#64CD5D

Tetradic

#8E5DCD

#CD5D64

#9CCD5D

#5DCDC6

Color Blindness Simulation

Original

#8E5DCD

Protanopia

#7978B2

Deuteranopia

#7C7FAB

Tritanopia

#8C9C98

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D9C8EE
300
#BEA1E2
400
#9A6FD2
500
#773CC3
600
#5F309C
700
#4C277D
800
#3B1E61
900
#2E1947
950
#1D102D

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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