#8478F7

#8478F7

Color Values

HEX

#8478F7

RGB

132, 120, 247

HSL

245.7, 88.8%, 72.0%

HSV

245.7, 51.4%, 96.9%

CMYK

46.6%, 51.4%, 0.0%, 3.1%

OKLCH

0.645 0.1833 284.3

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8478F7

#EBF778

Analogous

#78ACF7

#C478F7

#8478F7

Triadic

#8478F7

#F78478

#78F784

Split Complementary

#8478F7

#F7C478

#ACF778

Tetradic

#8478F7

#F778AC

#EBF778

#78F7C4

Color Blindness Simulation

Original

#8478F7

Protanopia

#7F7FD8

Deuteranopia

#8080D1

Tritanopia

#83C0BB

Achromatopsia

#848484

CSS Usage

background-color: #8478F7;
color: #8478F7;
border-color: #8478F7;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C2BCFB
300
#968BF8
400
#5D4DF4
500
#240EF1
600
#1D0BC1
700
#17099A
800
#120778
900
#110A57
950
#0B0637

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026