#503AE9
A medium, vivid blue closely aligning with Blueviolet.
About #503AE9
The hex code #503AE9 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Blueviolet. Its digital footprint relies on 80 parts red, 58 parts green, and 233 parts blue light.
Translating this color to physical media requires the CMYK color model. The color uses 66% Cyan, 75% Magenta, 0% Yellow, and 9% Black. Always request a physical proof before doing a large print run with this exact code.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#503AE9
RGB80, 58, 233
HSL247.5°, 79.9%, 57.1%
CMYK66%, 75%, 0%, 9%
HSV247.5°, 75.1%, 91.4%
LAB38.9, 58.3, -84.3
XYZ19.5, 10.6, 78.1
Decimal5257961
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.72:1
Text on #FFFFFF
AA
3.12:1
Text on #000000
AA Large
6.43:1
Text on #F8FAFC
AA
2.65:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #503AE9;
}
.text-color {
color: #503AE9;
}
.border-color {
border: 2px solid #503AE9;
}