#5F50A8
A medium, moderate blue closely aligning with Darkslateblue.
About #5F50A8
Visually, #5F50A8 is defined as a moderate blue. If you're using CSS, you might find it aligns closely with Darkslateblue. Its digital footprint relies on 95 parts red, 80 parts green, and 168 parts blue light.
When sending designs containing this color to a printer, the CMYK values come into play. The color uses 43% Cyan, 52% Magenta, 0% Yellow, and 34% Black. The HSL representation is 250.2° hue, 35.5% saturation, and 48.6% lightness.
Ensuring your text is legible against this background is a key part of web design. 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#5F50A8
RGB95, 80, 168
HSL250.2°, 35.5%, 48.6%
CMYK43%, 52%, 0%, 34%
HSV250.2°, 52.4%, 65.9%
LAB39.6, 28.6, -45.5
XYZ14.7, 11.0, 38.4
Decimal6246568
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.56:1
Text on #FFFFFF
AA
3.20:1
Text on #000000
AA Large
6.27:1
Text on #F8FAFC
AA
2.72:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5F50A8;
}
.text-color {
color: #5F50A8;
}
.border-color {
border: 2px solid #5F50A8;
}