#581EE1

#581EE1

Color Values

HEX

#581EE1

RGB

88, 30, 225

HSL

257.8, 76.5%, 50.0%

HSV

257.8, 86.7%, 88.2%

CMYK

60.9%, 86.7%, 0.0%, 11.8%

OKLCH

0.4704 0.2568 284.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#581EE1

#A7E11E

Analogous

#1E46E1

#B91EE1

#581EE1

Triadic

#581EE1

#E1581E

#1EE158

Split Complementary

#581EE1

#E1B91E

#46E11E

Tetradic

#581EE1

#E11E46

#A7E11E

#1EE1B9

Color Blindness Simulation

Original

#581EE1

Protanopia

#3F3EB2

Deuteranopia

#4247A6

Tritanopia

#558D84

Achromatopsia

#383838

CSS Usage

background-color: #581EE1;
color: #581EE1;
border-color: #581EE1;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FC
100
#E8E2F9
200
#D0C0F7
300
#AF93F1
400
#8358E9
500
#581EE1
600
#4618B4
700
#381390
800
#2C0F71
900
#230F52
950
#160A34

Contrast Checker

Text on white

7.81:1

AA Pass AAA Pass

Text on black

2.69:1

AA Fail 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