#534CC0

#534CC0

Color Values

HEX

#534CC0

RGB

83, 76, 192

HSL

243.6, 47.9%, 52.5%

HSV

243.6, 60.4%, 75.3%

CMYK

56.8%, 60.4%, 0.0%, 24.7%

OKLCH

0.4912 0.1757 280.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#534CC0

#B9C04C

Analogous

#4C7FC0

#8D4CC0

#534CC0

Triadic

#534CC0

#C0534C

#4CC053

Split Complementary

#534CC0

#C08D4C

#7FC04C

Tetradic

#534CC0

#C04C7F

#B9C04C

#4CC08D

Color Blindness Simulation

Original

#534CC0

Protanopia

#5050A4

Deuteranopia

#50519D

Tritanopia

#538E89

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CCCAEC
300
#A8A4DF
400
#7973CE
500
#4A42BD
600
#3B3597
700
#2F2B79
800
#25215E
900
#1E1C45
950
#13112C

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

3.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