#5F50AF

A medium, moderate blue closely aligning with Slateblue.

About #5F50AF

The hex code #5F50AF represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 80, and 175.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 46% Cyan, 54% Magenta, 0% Yellow, and 31% Black. With a hue angle of 249.5 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#5F50AF
RGB95, 80, 175
HSL249.5°, 37.3%, 50.0%
CMYK46%, 54%, 0%, 31%
HSV249.5°, 54.3%, 68.6%
LAB40.0, 30.7, -48.9
XYZ15.3, 11.3, 41.9
Decimal6246575

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.46:1
Text on #FFFFFF
AA
3.25:1
Text on #000000
AA Large
6.17:1
Text on #F8FAFC
AA
2.77:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5F50AF; }
.text-color { color: #5F50AF; }
.border-color { border: 2px solid #5F50AF; }

Similar Colors

Slateblue
#6A5ACD