HEX Color #5042BD (Slateblue)

About #5042BD

The precise color #5042BD is an excellent choice for modern design projects. 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, 66, and 189.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 58% cyan and 65% magenta inks. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5042BD

RGB80, 66, 189

HSL246.8°, 48.2%, 50.0%

CMYK58%, 65%, 0%, 26%

HSV246.8°, 65.1%, 74.1%

LAB36.5, 40.5, -62.9

XYZ14.4, 9.3, 49.2

Decimal5259965

Color Harmonies

Complementary

#5042BD #AFBD41

Analogous

#4171BD #8D41BD

Triadic

#BD4F41 #41BD4F

Tetradic

#BD4171 #AFBD41 #41BD8D

Tints, Shades & Tones

Tints (Adding White)

#5042BD

#6357C4

#766CCB

#8A81D3

#9D96DA

#B1ABE1

#C4C0E9

#D8D5F0

#EBEAF7

#FFFFFF

Shades (Adding Black)

#5042BD

#473AA8

#3E3393

#352C7E

#2C2469

#231D54

#1A163F

#110E2A

#080715

#000000

WCAG Contrast Accessibility

7.35:1

Text on #FFFFFF

AAA

2.86:1

Text on #000000

FAIL

7.03:1

Text on #F8FAFC

AAA

2.43:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5042BD; }

.text-color { color: #5042BD; }

.border-color { border: 2px solid #5042BD; }

Similar Colors

Slateblue

#6A5ACD