HEX Color #3342E9 (Blueviolet)

About #3342E9

At its core, #3342E9 is a medium and vivid hue. 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 51, 66, and 233.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 78% cyan and 72% magenta inks. The HSL representation is 235.1° hue, 80.5% saturation, and 55.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#3342E9

RGB51, 66, 233

HSL235.1°, 80.5%, 55.7%

CMYK78%, 72%, 0%, 9%

HSV235.1°, 78.1%, 91.4%

LAB38.7, 51.5, -84.8

XYZ18.0, 10.5, 78.2

Decimal3359465

Color Harmonies

Complementary

#3342E9 #E8D933

Analogous

#339CE8 #7E33E8

Triadic

#E83342 #42E833

Tetradic

#E8339C #E8D933 #33E87F

Tints, Shades & Tones

Tints (Adding White)

#3342E9

#4957EB

#606CED

#7781F0

#8D96F2

#A4ABF5

#BBC0F7

#D1D5FA

#E8EAFC

#FFFFFF

Shades (Adding Black)

#3342E9

#2D3ACF

#2733B5

#222C9B

#1C2481

#161D67

#11164D

#0B0E33

#050719

#000000

WCAG Contrast Accessibility

6.78:1

Text on #FFFFFF

AA

3.10:1

Text on #000000

AA Large

6.48:1

Text on #F8FAFC

AA

2.63:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3342E9; }

.text-color { color: #3342E9; }

.border-color { border: 2px solid #3342E9; }

Similar Colors

Blueviolet

#8A2BE2