#581DAF

#581DAF

Color Values

HEX

#581DAF

RGB

88, 29, 175

HSL

264.2, 71.6%, 40.0%

HSV

264.2, 83.4%, 68.6%

CMYK

49.7%, 83.4%, 0.0%, 31.4%

OKLCH

0.4184 0.2064 293.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#581DAF

#74AF1D

Analogous

#1D2BAF

#A11DAF

#581DAF

Triadic

#581DAF

#AF581D

#1DAF58

Split Complementary

#581DAF

#AFA11D

#2BAF1D

Tetradic

#581DAF

#AF1D2B

#74AF1D

#1DAFA1

Color Blindness Simulation

Original

#581DAF

Protanopia

#3E3E8C

Deuteranopia

#424683

Tritanopia

#55706A

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EBE2F8
200
#D6C2F5
300
#B996EE
400
#945DE4
500
#6E24DB
600
#581DAF
700
#46178C
800
#37126D
900
#2A1150
950
#1B0B32

Contrast Checker

Text on white

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