#5F42F8

A light, vivid blue closely aligning with Blueviolet.

About #5F42F8

The precise color #5F42F8 is an excellent choice for modern design projects. It is closely associated with the named CSS color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 66, and 248.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 62% Cyan, 73% Magenta, 0% Yellow, and 3% Black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F42F8
RGB95, 66, 248
HSL249.6°, 92.9%, 61.6%
CMYK62%, 73%, 0%, 3%
HSV249.6°, 73.4%, 97.3%
LAB42.9, 60.3, -86.2
XYZ23.6, 13.1, 90.1
Decimal6243064

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.80:1
Text on #FFFFFF
AA
3.62:1
Text on #000000
AA Large
5.54:1
Text on #F8FAFC
AA
3.08:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #5F42F8; }
.text-color { color: #5F42F8; }
.border-color { border: 2px solid #5F42F8; }

Similar Colors

Blueviolet
#8A2BE2