#8784EF

#8784EF

Color Values

HEX

#8784EF

RGB

135, 132, 239

HSL

241.7, 77.0%, 72.7%

HSV

241.7, 44.8%, 93.7%

CMYK

43.5%, 44.8%, 0.0%, 6.3%

OKLCH

0.6641 0.1557 282.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8784EF

#ECEF84

Analogous

#84B6EF

#BC84EF

#8784EF

Triadic

#8784EF

#EF8784

#84EF87

Split Complementary

#8784EF

#EFBC84

#B6EF84

Tetradic

#8784EF

#EF84B6

#ECEF84

#84EFBC

Color Blindness Simulation

Original

#8784EF

Protanopia

#8686D5

Deuteranopia

#8686CF

Tritanopia

#87C1BC

Achromatopsia

#8C8C8C

CSS Usage

background-color: #8784EF;
color: #8784EF;
border-color: #8784EF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FC
100
#E2E1F9
200
#C1C0F7
300
#9593F1
400
#5C58E9
500
#231DE2
600
#1C17B5
700
#161390
800
#110F71
900
#110F52
950
#0B0934

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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