#5742AF
A medium, moderate blue closely aligning with Slateblue.
About #5742AF
Visually, #5742AF is defined as a moderate blue. It is closely associated with the named CSS color Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 66, and 175.
For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 50% cyan and 62% magenta inks. This makes it a relatively light color when applied to physical surfaces.
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#5742AF
RGB87, 66, 175
HSL251.6°, 45.2%, 47.3%
CMYK50%, 62%, 0%, 31%
HSV251.6°, 62.3%, 68.6%
LAB36.0, 37.4, -55.4
XYZ13.6, 9.0, 41.6
Decimal5718703
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.49:1
Text on #FFFFFF
AAA
2.80:1
Text on #000000
FAIL
7.16:1
Text on #F8FAFC
AAA
2.38:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5742AF;
}
.text-color {
color: #5742AF;
}
.border-color {
border: 2px solid #5742AF;
}