#5749F8

A light, vivid blue closely aligning with Blueviolet.

About #5749F8

At its core, #5749F8 is a light and vivid hue. Designers often compare it to the standard color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 73, and 248.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 65% cyan and 71% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5749F8
RGB87, 73, 248
HSL244.8°, 92.6%, 62.9%
CMYK65%, 71%, 0%, 3%
HSV244.8°, 70.6%, 97.3%
LAB43.6, 55.8, -85.1
XYZ23.3, 13.6, 90.2
Decimal5720568

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.65:1
Text on #FFFFFF
AA
3.71:1
Text on #000000
AA Large
5.40:1
Text on #F8FAFC
AA
3.16:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #5749F8; }
.text-color { color: #5749F8; }
.border-color { border: 2px solid #5749F8; }

Similar Colors

Blueviolet
#8A2BE2