#5066B6

A medium, moderate blue closely aligning with Darkslateblue.

About #5066B6

Visually, #5066B6 is defined as a moderate blue. If you're using CSS, you might find it aligns closely with Darkslateblue. Its digital footprint relies on 80 parts red, 102 parts green, and 182 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 56% cyan and 44% magenta inks. The HSL representation is 227.1° hue, 41.1% saturation, and 51.4% lightness.

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#5066B6
RGB80, 102, 182
HSL227.1°, 41.1%, 51.4%
CMYK56%, 44%, 0%, 29%
HSV227.1°, 56.0%, 71.4%
LAB45.1, 15.7, -45.0
XYZ16.5, 14.6, 46.2
Decimal5269174

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.36:1
Text on #FFFFFF
AA
3.92:1
Text on #000000
AA Large
5.12:1
Text on #F8FAFC
AA
3.33:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #5066B6; }
.text-color { color: #5066B6; }
.border-color { border: 2px solid #5066B6; }

Similar Colors

Darkslateblue
#483D8B