#8580F3

#8580F3

Color Values

HEX

#8580F3

RGB

133, 128, 243

HSL

242.6, 82.7%, 72.7%

HSV

242.6, 47.3%, 95.3%

CMYK

45.3%, 47.3%, 0.0%, 4.7%

OKLCH

0.6576 0.1669 282.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8580F3

#EEF380

Analogous

#80B4F3

#BE80F3

#8580F3

Triadic

#8580F3

#F38580

#80F385

Split Complementary

#8580F3

#F3BE80

#B4F380

Tetradic

#8580F3

#F380B4

#EEF380

#80F3BE

Color Blindness Simulation

Original

#8580F3

Protanopia

#8383D7

Deuteranopia

#8384D0

Tritanopia

#85C1BC

Achromatopsia

#898989

CSS Usage

background-color: #8580F3;
color: #8580F3;
border-color: #8580F3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E2E1FA
200
#C0BEF9
300
#948FF4
400
#5953EF
500
#1F16E9
600
#1912BA
700
#140E95
800
#100B74
900
#100C55
950
#0A0835

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026