#2457A0
A dark, moderate blue closely aligning with Darkslateblue.
About #2457A0
The precise color #2457A0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkslateblue. Its digital footprint relies on 36 parts red, 87 parts green, and 160 parts blue light.
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 78% cyan, 46% magenta, 0% yellow, and 37% black. The HSL representation is 215.3° hue, 63.3% saturation, and 38.4% lightness.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#2457A0
RGB36, 87, 160
HSL215.3°, 63.3%, 38.4%
CMYK78%, 46%, 0%, 37%
HSV215.3°, 77.5%, 62.7%
LAB37.4, 9.8, -44.5
XYZ10.5, 9.7, 34.6
Decimal2381728
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.13:1
Text on #FFFFFF
AAA
2.95:1
Text on #000000
FAIL
6.81:1
Text on #F8FAFC
AA
2.50:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #2457A0;
}
.text-color {
color: #2457A0;
}
.border-color {
border: 2px solid #2457A0;
}