#581CB0

#581CB0

Color Values

HEX

#581CB0

RGB

88, 28, 176

HSL

264.3, 72.5%, 40.0%

HSV

264.3, 84.1%, 69.0%

CMYK

50.0%, 84.1%, 0.0%, 31.0%

OKLCH

0.4185 0.2082 293.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#581CB0

#74B01C

Analogous

#1C2AB0

#A21CB0

#581CB0

Triadic

#581CB0

#B0581C

#1CB058

Split Complementary

#581CB0

#B0A21C

#2AB01C

Tetradic

#581CB0

#B01C2A

#74B01C

#1CB0A2

Color Blindness Simulation

Original

#581CB0

Protanopia

#3E3D8C

Deuteranopia

#424684

Tritanopia

#55706A

Achromatopsia

#333333

CSS Usage

background-color: #581CB0;
color: #581CB0;
border-color: #581CB0;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F3FC
100
#EBE2F8
200
#D6C1F5
300
#B995EE
400
#945CE5
500
#6E23DC
600
#581CB0
700
#46168D
800
#37126E
900
#2A1150
950
#1B0B33

Contrast Checker

Text on white

9.51:1

AA Pass AAA Pass

Text on black

2.21: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