#8B5DCC

#8B5DCC

Color Values

HEX

#8B5DCC

RGB

139, 93, 204

HSL

264.9, 52.1%, 58.2%

HSV

264.9, 54.4%, 80.0%

CMYK

31.9%, 54.4%, 0.0%, 20.0%

OKLCH

0.5787 0.167 300.4

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#8B5DCC

#9ECC5D

Analogous

#5D66CC

#C35DCC

#8B5DCC

Triadic

#8B5DCC

#CC8B5D

#5DCC8B

Split Complementary

#8B5DCC

#CCC35D

#66CC5D

Tetradic

#8B5DCC

#CC5D66

#9ECC5D

#5DCCC3

Color Blindness Simulation

Original

#8B5DCC

Protanopia

#7777B1

Deuteranopia

#7A7DAB

Tritanopia

#899C97

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D8C9EE
300
#BCA2E2
400
#986FD2
500
#743DC2
600
#5D319B
700
#4A277C
800
#3A1F61
900
#2D1A47
950
#1C102D

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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