#8780F7

#8780F7

Color Values

HEX

#8780F7

RGB

135, 128, 247

HSL

243.5, 88.1%, 73.5%

HSV

243.5, 48.2%, 96.9%

CMYK

45.3%, 48.2%, 0.0%, 3.1%

OKLCH

0.6616 0.172 283.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8780F7

#F0F780

Analogous

#80B4F7

#C280F7

#8780F7

Triadic

#8780F7

#F78780

#80F787

Split Complementary

#8780F7

#F7C280

#B4F780

Tetradic

#8780F7

#F780B4

#F0F780

#80F7C2

Color Blindness Simulation

Original

#8780F7

Protanopia

#8484DA

Deuteranopia

#8485D3

Tritanopia

#87C3BE

Achromatopsia

#8A8A8A

CSS Usage

background-color: #8780F7;
color: #8780F7;
border-color: #8780F7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F2F2FD
100
#E1E0FB
200
#C0BCFB
300
#928CF8
400
#574EF4
500
#1C0FF0
600
#170CC0
700
#120A99
800
#0E0878
900
#0F0A57
950
#090637

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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