#8517F0

#8517F0

Color Values

HEX

#8517F0

RGB

133, 23, 240

HSL

270.4, 87.9%, 51.6%

HSV

270.4, 90.4%, 94.1%

CMYK

44.6%, 90.4%, 0.0%, 5.9%

OKLCH

0.5283 0.2743 297.8

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#8517F0

#82F017

Analogous

#1917F0

#F017EF

#8517F0

Triadic

#8517F0

#F08517

#17F085

Split Complementary

#8517F0

#EFF017

#17F019

Tetradic

#8517F0

#F01917

#82F017

#17EFF0

Color Blindness Simulation

Original

#8517F0

Protanopia

#5554BC

Deuteranopia

#5C64AF

Tritanopia

#809289

Achromatopsia

#3E3E3E

CSS Usage

background-color: #8517F0;
color: #8517F0;
border-color: #8517F0;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DCBCFB
300
#C38CF8
400
#A24EF4
500
#810FF0
600
#670CC0
700
#530A99
800
#400878
900
#310A57
950
#1F0637

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail 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