#2457C5
A medium, moderate blue closely aligning with Royalblue.
About #2457C5
The hex code #2457C5 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 87, and 197.
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 82% cyan, 56% magenta, 0% yellow, and 23% 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. 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#2457C5
RGB36, 87, 197
HSL221.0°, 69.1%, 45.7%
CMYK82%, 56%, 0%, 23%
HSV221.0°, 81.7%, 77.3%
LAB40.0, 24.2, -62.1
XYZ14.2, 11.2, 54.2
Decimal2381765
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.47:1
Text on #FFFFFF
AA
3.24:1
Text on #000000
AA Large
6.19:1
Text on #F8FAFC
AA
2.76:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2457C5;
}
.text-color {
color: #2457C5;
}
.border-color {
border: 2px solid #2457C5;
}