#5742E2

A medium, vivid blue closely aligning with Blueviolet.

About #5742E2

The hex code #5742E2 represents a beautifully specific shade of blue. Its closest recognized web color is Blueviolet. In the RGB color space, it consists of 87 red, 66 green, and 226 blue.

Translating this color to physical media requires the CMYK color model. The color uses 62% Cyan, 71% Magenta, 0% Yellow, and 11% Black. The HSL representation is 247.9° hue, 73.4% saturation, and 57.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5742E2
RGB87, 66, 226
HSL247.9°, 73.4%, 57.3%
CMYK62%, 71%, 0%, 11%
HSV247.9°, 70.8%, 88.6%
LAB40.3, 52.9, -78.1
XYZ19.6, 11.4, 73.1
Decimal5718754

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.40:1
Text on #FFFFFF
AA
3.28:1
Text on #000000
AA Large
6.11:1
Text on #F8FAFC
AA
2.79:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Blueviolet
#8A2BE2