#4242E2

A medium, vivid blue closely aligning with Blueviolet.

About #4242E2

Visually, #4242E2 is defined as a vivid blue. It is closely associated with the named CSS color Blueviolet. This translates to an RGB value of rgb(66, 66, 226).

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 71% Cyan, 71% Magenta, 0% Yellow, and 11% Black. With a hue angle of 240.0 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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#4242E2
RGB66, 66, 226
HSL240.0°, 73.4%, 57.3%
CMYK71%, 71%, 0%, 11%
HSV240.0°, 70.8%, 88.6%
LAB38.8, 50.5, -80.6
XYZ17.9, 10.5, 73.0
Decimal4342498

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.75:1
Text on #FFFFFF
AA
3.11:1
Text on #000000
AA Large
6.46:1
Text on #F8FAFC
AA
2.64:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Blueviolet
#8A2BE2