#531DAF

#531DAF

Color Values

HEX

#531DAF

RGB

83, 29, 175

HSL

262.2, 71.6%, 40.0%

HSV

262.2, 83.4%, 68.6%

CMYK

52.6%, 83.4%, 0.0%, 31.4%

OKLCH

0.4129 0.2063 291.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#531DAF

#79AF1D

Analogous

#1D30AF

#9C1DAF

#531DAF

Triadic

#531DAF

#AF531D

#1DAF53

Split Complementary

#531DAF

#AF9C1D

#30AF1D

Tetradic

#531DAF

#AF1D30

#79AF1D

#1DAF9C

Color Blindness Simulation

Original

#531DAF

Protanopia

#3C3B8C

Deuteranopia

#3F4383

Tritanopia

#50706A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EAE2F8
200
#D5C2F5
300
#B696EE
400
#8F5DE4
500
#6824DB
600
#531DAF
700
#42178C
800
#34126D
900
#281150
950
#190B32

Contrast Checker

Text on white

9.71:1

AA Pass AAA Pass

Text on black

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