#5A46FC
A light, vivid blue closely aligning with Blueviolet.
About #5A46FC
The precise color #5A46FC is an excellent choice for modern design projects. It is closely associated with the named CSS color Blueviolet. In the RGB color space, it consists of 90 red, 70 green, and 252 blue.
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 64% cyan, 72% magenta, 0% yellow, and 1% black. The HSL representation is 246.6° hue, 96.8% saturation, and 63.1% lightness.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#5A46FC
RGB90, 70, 252
HSL246.6°, 96.8%, 63.1%
CMYK64%, 72%, 0%, 1%
HSV246.6°, 72.2%, 98.8%
LAB43.6, 58.9, -87.3
XYZ24.0, 13.6, 93.5
Decimal5916412
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.65:1
Text on #FFFFFF
AA
3.72:1
Text on #000000
AA Large
5.40:1
Text on #F8FAFC
AA
3.16:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #5A46FC;
}
.text-color {
color: #5A46FC;
}
.border-color {
border: 2px solid #5A46FC;
}