#4966F8

A light, vivid blue closely aligning with Mediumslateblue.

About #4966F8

When working with digital screens, the color #4966F8 is rendered by mixing light. 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 73, 102, and 248.

If you are designing for print, the four-color process is what matters most. The color uses 71% Cyan, 59% Magenta, 0% Yellow, and 3% Black. With a hue angle of 230.1 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#4966F8
RGB73, 102, 248
HSL230.1°, 92.6%, 62.9%
CMYK71%, 59%, 0%, 3%
HSV230.1°, 70.6%, 97.3%
LAB49.1, 37.2, -76.1
XYZ24.4, 17.7, 90.9
Decimal4810488

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.63:1
Text on #FFFFFF
AA
4.54:1
Text on #000000
AA
4.42:1
Text on #F8FAFC
AA Large
3.86:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Mediumslateblue
#7B68EE