#5459DC

#5459DC

Color Values

HEX

#5459DC

RGB

84, 89, 220

HSL

237.8, 66.0%, 59.6%

HSV

237.8, 61.8%, 86.3%

CMYK

61.8%, 59.5%, 0.0%, 13.7%

OKLCH

0.5367 0.196 275.9

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5459DC

#DCD754

Analogous

#549DDC

#9354DC

#5459DC

Triadic

#5459DC

#DC5459

#59DC54

Split Complementary

#5459DC

#DC9354

#9DDC54

Tetradic

#5459DC

#DC549D

#DCD754

#54DC93

Color Blindness Simulation

Original

#5459DC

Protanopia

#5656BC

Deuteranopia

#5656B5

Tritanopia

#54A39E

Achromatopsia

#616161

CSS Usage

background-color: #5459DC;
color: #5459DC;
border-color: #5459DC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C4C5F3
300
#999CEA
400
#6267DF
500
#2B32D4
600
#2328A9
700
#1C2087
800
#16196A
900
#14164D
950
#0C0E31

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026