#531FE0

#531FE0

Color Values

HEX

#531FE0

RGB

83, 31, 224

HSL

256.2, 75.7%, 50.0%

HSV

256.2, 86.2%, 87.8%

CMYK

62.9%, 86.2%, 0.0%, 12.2%

OKLCH

0.4656 0.2559 282.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#531FE0

#ACE01F

Analogous

#1F4BE0

#B41FE0

#531FE0

Triadic

#531FE0

#E0531F

#1FE053

Split Complementary

#531FE0

#E0B41F

#4BE01F

Tetradic

#531FE0

#E01F4B

#ACE01F

#1FE0B4

Color Blindness Simulation

Original

#531FE0

Protanopia

#3C3CB1

Deuteranopia

#4043A6

Tritanopia

#508C84

Achromatopsia

#383838

CSS Usage

background-color: #531FE0;
color: #531FE0;
border-color: #531FE0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FC
100
#E8E2F9
200
#CFC0F6
300
#AC93F0
400
#8059E8
500
#531FE0
600
#4219B3
700
#35148F
800
#2A0F70
900
#210F51
950
#150A33

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

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