#5733D3

A medium, moderate blue closely aligning with Blueviolet.

About #5733D3

The precise color #5733D3 is an excellent choice for modern design projects. Its closest recognized web color is Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 51, and 211.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 59% cyan and 76% magenta inks. The HSL representation is 253.5° hue, 64.5% saturation, and 51.4% lightness.

When using this color as a background, text legibility must be considered. 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#5733D3
RGB87, 51, 211
HSL253.5°, 64.5%, 51.4%
CMYK59%, 76%, 0%, 17%
HSV253.5°, 75.8%, 82.7%
LAB36.2, 56.1, -76.3
XYZ16.9, 9.1, 62.5
Decimal5714899

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.45:1
Text on #FFFFFF
AAA
2.82:1
Text on #000000
FAIL
7.12:1
Text on #F8FAFC
AAA
2.40:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5733D3; }
.text-color { color: #5733D3; }
.border-color { border: 2px solid #5733D3; }

Similar Colors

Blueviolet
#8A2BE2