#8584F2

#8584F2

Color Values

HEX

#8584F2

RGB

133, 132, 242

HSL

240.5, 80.9%, 73.3%

HSV

240.5, 45.5%, 94.9%

CMYK

45.0%, 45.5%, 0.0%, 5.1%

OKLCH

0.6644 0.1601 281.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8584F2

#F1F284

Analogous

#84BAF2

#BC84F2

#8584F2

Triadic

#8584F2

#F28584

#84F285

Split Complementary

#8584F2

#F2BC84

#BAF284

Tetradic

#8584F2

#F284BA

#F1F284

#84F2BC

Color Blindness Simulation

Original

#8584F2

Protanopia

#8585D7

Deuteranopia

#8585D1

Tritanopia

#85C2BE

Achromatopsia

#8C8C8C

CSS Usage

background-color: #8584F2;
color: #8584F2;
border-color: #8584F2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BFBEF8
300
#9190F3
400
#5654ED
500
#1A18E7
600
#1513B9
700
#111094
800
#0D0C73
900
#0E0D54
950
#090835

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026