#581FAD

#581FAD

Color Values

HEX

#581FAD

RGB

88, 31, 173

HSL

264.1, 69.6%, 40.0%

HSV

264.1, 82.1%, 67.8%

CMYK

49.1%, 82.1%, 0.0%, 32.2%

OKLCH

0.4182 0.2028 293.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#581FAD

#74AD1F

Analogous

#1F2DAD

#9F1FAD

#581FAD

Triadic

#581FAD

#AD581F

#1FAD58

Split Complementary

#581FAD

#AD9F1F

#2DAD1F

Tetradic

#581FAD

#AD1F2D

#74AD1F

#1FAD9F

Color Blindness Simulation

Original

#581FAD

Protanopia

#3F3F8B

Deuteranopia

#434782

Tritanopia

#556F6A

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EBE3F8
200
#D6C2F4
300
#B997EC
400
#945FE2
500
#6E27D8
600
#581FAD
700
#46198A
800
#37136C
900
#2A124F
950
#1B0B32

Contrast Checker

Text on white

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

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026