#8574DF

#8574DF

Color Values

HEX

#8574DF

RGB

133, 116, 223

HSL

249.5, 62.6%, 66.5%

HSV

249.5, 48.0%, 87.5%

CMYK

40.4%, 48.0%, 0.0%, 12.5%

OKLCH

0.6238 0.1568 288.3

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8574DF

#CEDF74

Analogous

#7499DF

#BB74DF

#8574DF

Triadic

#8574DF

#DF8574

#74DF85

Split Complementary

#8574DF

#DFBB74

#99DF74

Tetradic

#8574DF

#DF7499

#CEDF74

#74DFBB

Color Blindness Simulation

Original

#8574DF

Protanopia

#7E7DC5

Deuteranopia

#7F80BF

Tritanopia

#84B1AC

Achromatopsia

#7F7F7F

CSS Usage

background-color: #8574DF;
color: #8574DF;
border-color: #8574DF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CCC5F2
300
#A89BE8
400
#7866DC
500
#4930CF
600
#3A26A6
700
#2F1F85
800
#241868
900
#1E154C
950
#130D30

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.56:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026