#505FB6

A medium, moderate blue closely aligning with Darkslateblue.

About #505FB6

When working with digital screens, the color #505FB6 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 95, and 182.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 56% cyan, 48% magenta, 0% yellow, and 29% black. The HSL representation is 231.2° hue, 41.1% saturation, and 51.4% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#505FB6
RGB80, 95, 182
HSL231.2°, 41.1%, 51.4%
CMYK56%, 48%, 0%, 29%
HSV231.2°, 56.0%, 71.4%
LAB43.2, 20.2, -48.0
XYZ15.8, 13.3, 46.0
Decimal5267382

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.75:1
Text on #FFFFFF
AA
3.65:1
Text on #000000
AA Large
5.49:1
Text on #F8FAFC
AA
3.11:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #505FB6; }
.text-color { color: #505FB6; }
.border-color { border: 2px solid #505FB6; }

Similar Colors

Darkslateblue
#483D8B