#534BC0

#534BC0

Color Values

HEX

#534BC0

RGB

83, 75, 192

HSL

244.1, 48.1%, 52.4%

HSV

244.1, 60.9%, 75.3%

CMYK

56.8%, 60.9%, 0.0%, 24.7%

OKLCH

0.4895 0.1769 280.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#534BC0

#B8C04B

Analogous

#4B7EC0

#8E4BC0

#534BC0

Triadic

#534BC0

#C0534B

#4BC053

Split Complementary

#534BC0

#C08E4B

#7EC04B

Tetradic

#534BC0

#C04B7E

#B8C04B

#4BC08E

Color Blindness Simulation

Original

#534BC0

Protanopia

#504FA4

Deuteranopia

#50519D

Tritanopia

#538D88

Achromatopsia

#555555

CSS Usage

background-color: #534BC0;
color: #534BC0;
border-color: #534BC0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CCCAEC
300
#A8A4DF
400
#7973CE
500
#4B42BD
600
#3C3597
700
#302A79
800
#25215E
900
#1E1B45
950
#13112C

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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