#4257A0
A medium, moderate blue closely aligning with Darkslateblue.
About #4257A0
Visually, #4257A0 is defined as a moderate blue. Designers often compare it to the standard color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 87, and 160.
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 59% cyan, 46% magenta, 0% yellow, and 37% black. The HSL representation is 226.6° hue, 41.6% saturation, and 44.3% lightness.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#4257A0
RGB66, 87, 160
HSL226.6°, 41.6%, 44.3%
CMYK59%, 46%, 0%, 37%
HSV226.6°, 58.7%, 62.7%
LAB38.7, 14.9, -42.2
XYZ12.0, 10.5, 34.7
Decimal4347808
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.77:1
Text on #FFFFFF
AA
3.10:1
Text on #000000
AA Large
6.47:1
Text on #F8FAFC
AA
2.64:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #4257A0;
}
.text-color {
color: #4257A0;
}
.border-color {
border: 2px solid #4257A0;
}