#5456DB

#5456DB

Color Values

HEX

#5456DB

RGB

84, 86, 219

HSL

239.1, 65.2%, 59.4%

HSV

239.1, 61.6%, 85.9%

CMYK

61.6%, 60.7%, 0.0%, 14.1%

OKLCH

0.5307 0.1984 276.6

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5456DB

#DBD954

Analogous

#5499DB

#9554DB

#5456DB

Triadic

#5456DB

#DB5456

#56DB54

Split Complementary

#5456DB

#DB9554

#99DB54

Tetradic

#5456DB

#DB5499

#DBD954

#54DB95

Color Blindness Simulation

Original

#5456DB

Protanopia

#5555BB

Deuteranopia

#5555B3

Tritanopia

#54A19C

Achromatopsia

#5F5F5F

CSS Usage

background-color: #5456DB;
color: #5456DB;
border-color: #5456DB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C4C5F3
300
#9A9BEA
400
#6365DE
500
#2C2FD3
600
#2325A9
700
#1C1E87
800
#161769
900
#14154D
950
#0D0D31

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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