#8342F8

A light, vivid purple closely aligning with Blueviolet.

About #8342F8

Visually, #8342F8 is defined as a vivid purple. If you're using CSS, you might find it aligns closely with Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 66, and 248.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 47% 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#8342F8
RGB131, 66, 248
HSL261.4°, 92.9%, 61.6%
CMYK47%, 73%, 0%, 3%
HSV261.4°, 73.4%, 97.3%
LAB46.3, 65.1, -80.5
XYZ28.3, 15.5, 90.3
Decimal8602360

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.12:1
Text on #FFFFFF
AA
4.10:1
Text on #000000
AA Large
4.90:1
Text on #F8FAFC
AA
3.49:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Blueviolet
#8A2BE2