#503AB6

A medium, moderate blue closely aligning with Slateblue.

About #503AB6

The precise color #503AB6 is an excellent choice for modern design projects. Its closest recognized web color is Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 58, and 182.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 56% C, 68% M, 0% Y, and 29% K. With a hue angle of 250.6 degrees, it sits comfortably in the blue spectrum.

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#503AB6
RGB80, 58, 182
HSL250.6°, 51.7%, 47.1%
CMYK56%, 68%, 0%, 29%
HSV250.6°, 68.1%, 71.4%
LAB34.2, 42.9, -62.5
XYZ13.3, 8.1, 45.1
Decimal5257910

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.01:1
Text on #FFFFFF
AAA
2.62:1
Text on #000000
FAIL
7.66:1
Text on #F8FAFC
AAA
2.23:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #503AB6; }
.text-color { color: #503AB6; }
.border-color { border: 2px solid #503AB6; }

Similar Colors

Slateblue
#6A5ACD