#534AC6

#534AC6

Color Values

HEX

#534AC6

RGB

83, 74, 198

HSL

244.4, 52.1%, 53.3%

HSV

244.4, 62.6%, 77.6%

CMYK

58.1%, 62.6%, 0.0%, 22.4%

OKLCH

0.4926 0.1861 280.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#534AC6

#BDC64A

Analogous

#4A7FC6

#914AC6

#534AC6

Triadic

#534AC6

#C6534A

#4AC653

Split Complementary

#534AC6

#C6914A

#7FC64A

Tetradic

#534AC6

#C64A7F

#BDC64A

#4AC691

Color Blindness Simulation

Original

#534AC6

Protanopia

#4F4FA8

Deuteranopia

#5050A1

Tritanopia

#53908B

Achromatopsia

#555555

CSS Usage

background-color: #534AC6;
color: #534AC6;
border-color: #534AC6;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC9EE
300
#A7A2E2
400
#776FD2
500
#473DC2
600
#39319B
700
#2D277C
800
#231F61
900
#1D1A47
950
#12102D

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