#8727F0

#8727F0

Color Values

HEX

#8727F0

RGB

135, 39, 240

HSL

268.7, 87.0%, 54.7%

HSV

268.7, 83.8%, 94.1%

CMYK

43.8%, 83.8%, 0.0%, 5.9%

OKLCH

0.5395 0.2657 297.8

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#8727F0

#90F027

Analogous

#272BF0

#EC27F0

#8727F0

Triadic

#8727F0

#F08727

#27F087

Split Complementary

#8727F0

#F0EC27

#2BF027

Tetradic

#8727F0

#F0272B

#90F027

#27F0EC

Color Blindness Simulation

Original

#8727F0

Protanopia

#5D5DBF

Deuteranopia

#636AB4

Tritanopia

#829991

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABCFA
300
#BF8DF7
400
#9D4FF3
500
#7B11EE
600
#620DBF
700
#4F0B99
800
#3D0877
900
#2F0B56
950
#1E0737

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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