#6657F0

A light, vivid blue closely aligning with Mediumslateblue.

About #6657F0

The precise color #6657F0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 87, and 240.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 57% Cyan, 64% Magenta, 0% Yellow, and 6% Black. With a hue angle of 245.9 degrees, it sits comfortably in the blue spectrum.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#6657F0
RGB102, 87, 240
HSL245.9°, 83.6%, 64.1%
CMYK57%, 64%, 0%, 6%
HSV245.9°, 63.7%, 94.1%
LAB46.9, 47.7, -75.2
XYZ24.6, 15.9, 84.2
Decimal6707184

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.02:1
Text on #FFFFFF
AA
4.19:1
Text on #000000
AA Large
4.79:1
Text on #F8FAFC
AA
3.56:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #6657F0; }
.text-color { color: #6657F0; }
.border-color { border: 2px solid #6657F0; }

Similar Colors

Mediumslateblue
#7B68EE