#505FF8
A light, vivid blue closely aligning with Mediumslateblue.
About #505FF8
At its core, #505FF8 is a light and vivid hue. Designers often compare it to the standard color Mediumslateblue. In the RGB color space, it consists of 80 red, 95 green, and 248 blue.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 68% Cyan, 62% Magenta, 0% Yellow, and 3% Black. Always request a physical proof before doing a large print run with this exact code.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#505FF8
RGB80, 95, 248
HSL234.6°, 92.3%, 64.3%
CMYK68%, 62%, 0%, 3%
HSV234.6°, 67.7%, 97.3%
LAB47.8, 42.4, -78.1
XYZ24.3, 16.7, 90.7
Decimal5267448
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.85:1
Text on #FFFFFF
AA
4.33:1
Text on #000000
AA Large
4.63:1
Text on #F8FAFC
AA
3.68:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #505FF8;
}
.text-color {
color: #505FF8;
}
.border-color {
border: 2px solid #505FF8;
}