#2C42E2
A medium, vivid blue closely aligning with Blueviolet.
About #2C42E2
The precise color #2C42E2 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 44, 66, and 226.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 81% C, 71% M, 0% Y, and 11% K. The HSL representation is 232.7° hue, 75.8% saturation, and 52.9% lightness.
When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#2C42E2
RGB44, 66, 226
HSL232.7°, 75.8%, 52.9%
CMYK81%, 71%, 0%, 11%
HSV232.7°, 80.5%, 88.6%
LAB37.7, 48.6, -82.4
XYZ16.7, 9.9, 73.0
Decimal2900706
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.04:1
Text on #FFFFFF
AAA
2.98:1
Text on #000000
FAIL
6.72:1
Text on #F8FAFC
AA
2.54:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2C42E2;
}
.text-color {
color: #2C42E2;
}
.border-color {
border: 2px solid #2C42E2;
}