#5742B6

A medium, moderate blue closely aligning with Slateblue.

About #5742B6

When working with digital screens, the color #5742B6 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 66, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 52% C, 64% M, 0% Y, and 29% K. The HSL representation is 250.9° hue, 46.8% saturation, and 48.6% lightness.

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#5742B6
RGB87, 66, 182
HSL250.9°, 46.8%, 48.6%
CMYK52%, 64%, 0%, 29%
HSV250.9°, 63.7%, 71.4%
LAB36.6, 39.5, -58.7
XYZ14.3, 9.3, 45.3
Decimal5718710

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.34:1
Text on #FFFFFF
AAA
2.86:1
Text on #000000
FAIL
7.02:1
Text on #F8FAFC
AAA
2.43:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5742B6; }
.text-color { color: #5742B6; }
.border-color { border: 2px solid #5742B6; }

Similar Colors

Slateblue
#6A5ACD