#5742C5

A medium, moderate blue closely aligning with Slateblue.

About #5742C5

When working with digital screens, the color #5742C5 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 197.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 56% cyan, 66% magenta, 0% yellow, and 23% black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#5742C5
RGB87, 66, 197
HSL249.6°, 53.0%, 51.6%
CMYK56%, 66%, 0%, 23%
HSV249.6°, 66.5%, 77.3%
LAB37.8, 44.1, -65.5
XYZ16.0, 10.0, 53.9
Decimal5718725

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.02:1
Text on #FFFFFF
AAA
2.99:1
Text on #000000
FAIL
6.71:1
Text on #F8FAFC
AA
2.54:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Slateblue
#6A5ACD