#5049B6

A medium, moderate blue closely aligning with Slateblue.

About #5049B6

When working with digital screens, the color #5049B6 is rendered by mixing light. 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 80, 73, and 182.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 56% cyan and 60% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5049B6
RGB80, 73, 182
HSL243.9°, 42.7%, 50.0%
CMYK56%, 60%, 0%, 29%
HSV243.9°, 59.9%, 71.4%
LAB37.6, 34.0, -57.1
XYZ14.1, 9.8, 45.4
Decimal5261750

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.07:1
Text on #FFFFFF
AAA
2.97:1
Text on #000000
FAIL
6.76:1
Text on #F8FAFC
AA
2.52:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Slateblue
#6A5ACD