#6624FF
A medium, vivid purple closely aligning with Blue.
About #6624FF
Visually, #6624FF is defined as a vivid purple. It is closely associated with the named CSS color Blue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 36, and 255.
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 60% cyan, 86% magenta, 0% yellow, and 0% black. With a hue angle of 258.1 degrees, it sits comfortably in the purple spectrum.
When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#6624FF
RGB102, 36, 255
HSL258.1°, 100.0%, 57.1%
CMYK60%, 86%, 0%, 0%
HSV258.1°, 85.9%, 100.0%
LAB40.1, 75.0, -94.7
XYZ24.2, 11.3, 95.5
Decimal6694143
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.44:1
Text on #FFFFFF
AA
3.26:1
Text on #000000
AA Large
6.15:1
Text on #F8FAFC
AA
2.77:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #6624FF;
}
.text-color {
color: #6624FF;
}
.border-color {
border: 2px solid #6624FF;
}