#580EF1

#580EF1

Color Values

HEX

#580EF1

RGB

88, 14, 241

HSL

259,6, 89,0%, 50,0%

HSV

259,6, 94,2%, 94,5%

CMYK

63,5%, 94,2%, 0,0%, 5,5%

OKLCH

0,4796 0,279 282,4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#580EF1

#A7F10E

Analogous

#0E35F1

#CA0EF1

#580EF1

Triadic

#580EF1

#F1580E

#0EF158

Split Complementary

#580EF1

#F1CA0E

#35F10E

Tetradic

#580EF1

#F10E35

#A7F10E

#0EF1CA

Color Blindness Simulation

Original

#580EF1

Protanopia

#3837BA

Deuteranopia

#3C42AD

Tritanopia

#548F85

Achromatopsia

#2E2E2E

CSS Usage

background-color: #580EF1;
color: #580EF1;
border-color: #580EF1;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FD
100
#E8E0FB
200
#D0BCFB
300
#AF8BF8
400
#844DF5
500
#580EF1
600
#470BC1
700
#38099A
800
#2C0778
900
#230A57
950
#160637

Contrast Checker

Text on white

7,64:1

AA Pass AAA Pass

Text on black

2,75:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026