HEX Color #4957A8 (Darkslateblue)

About #4957A8

Visually, #4957A8 is defined as a moderate blue. Designers often compare it to the standard color Darkslateblue. Its digital footprint relies on 73 parts red, 87 parts green, and 168 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 57% cyan, 48% magenta, 0% yellow, and 34% black. With a hue angle of 231.2 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#4957A8

RGB73, 87, 168

HSL231.2°, 39.4%, 47.3%

CMYK57%, 48%, 0%, 34%

HSV231.2°, 56.5%, 65.9%

LAB39.7, 19.1, -45.4

XYZ13.2, 11.1, 38.5

Decimal4806568

Color Harmonies

Complementary

#4957A8 #A79949

Analogous

#4986A7 #6A49A7

Triadic

#A74956 #56A749

Tetradic

#A74986 #A79949 #49A76A

Tints, Shades & Tones

Tints (Adding White)

#4957A8

#5D69B1

#717CBB

#858FC5

#99A1CE

#AEB4D8

#C2C7E2

#D6D9EB

#EAECF5

#FFFFFF

Shades (Adding Black)

#4957A8

#404D95

#384382

#303A70

#28305D

#20264A

#181D38

#101325

#080912

#000000

WCAG Contrast Accessibility

6.54:1

Text on #FFFFFF

AA

3.21:1

Text on #000000

AA Large

6.25:1

Text on #F8FAFC

AA

2.73:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #4957A8; }

.text-color { color: #4957A8; }

.border-color { border: 2px solid #4957A8; }

Similar Colors

Darkslateblue

#483D8B