#6642E2
A medium, vivid blue closely aligning with Blueviolet.
About #6642E2
The hex code #6642E2 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Blueviolet. Its digital footprint relies on 102 parts red, 66 parts green, and 226 parts blue light.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 55% C, 71% M, 0% Y, and 11% K. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#6642E2
RGB102, 66, 226
HSL253.5°, 73.4%, 57.3%
CMYK55%, 71%, 0%, 11%
HSV253.5°, 70.8%, 88.6%
LAB41.6, 54.9, -76.0
XYZ21.2, 12.2, 73.2
Decimal6701794
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.10:1
Text on #FFFFFF
AA
3.44:1
Text on #000000
AA Large
5.83:1
Text on #F8FAFC
AA
2.93:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #6642E2;
}
.text-color {
color: #6642E2;
}
.border-color {
border: 2px solid #6642E2;
}