#534CBC

#534CBC

Color Values

HEX

#534CBC

RGB

83, 76, 188

HSL

243.8, 45.5%, 51.8%

HSV

243.8, 59.6%, 73.7%

CMYK

55.9%, 59.6%, 0.0%, 26.3%

OKLCH

0.488 0.1703 280.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#534CBC

#B5BC4C

Analogous

#4C7DBC

#8B4CBC

#534CBC

Triadic

#534CBC

#BC534C

#4CBC53

Split Complementary

#534CBC

#BC8B4C

#7DBC4C

Tetradic

#534CBC

#BC4C7D

#B5BC4C

#4CBC8B

Color Blindness Simulation

Original

#534CBC

Protanopia

#5050A1

Deuteranopia

#50519A

Tritanopia

#538B87

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCBEC
300
#A9A6DE
400
#7B76CC
500
#4D45BA
600
#3D3894
700
#312C77
800
#26235D
900
#1F1D44
950
#14122B

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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