#7C0FFF
A medium, vivid purple closely aligning with Blue.
About #7C0FFF
The precise color #7C0FFF is an excellent choice for modern design projects. It is closely associated with the named CSS color Blue. This translates to an RGB value of rgb(124, 15, 255).
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 51% cyan and 94% magenta inks. The HSL representation is 267.2° hue, 100.0% saturation, and 52.9% lightness.
From a UX and accessibility standpoint, contrast is paramount. 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#7C0FFF
RGB124, 15, 255
HSL267.2°, 100.0%, 52.9%
CMYK51%, 94%, 0%, 0%
HSV267.2°, 94.1%, 100.0%
LAB41.0, 81.2, -93.2
XYZ26.5, 11.8, 95.5
Decimal8130559
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.23:1
Text on #FFFFFF
AA
3.37:1
Text on #000000
AA Large
5.96:1
Text on #F8FAFC
AA
2.86:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #7C0FFF;
}
.text-color {
color: #7C0FFF;
}
.border-color {
border: 2px solid #7C0FFF;
}