HEX Color #5042B6 (Slateblue)

About #5042B6

The hex code #5042B6 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 66, and 182.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 56% cyan, 64% magenta, 0% yellow, and 29% black. With a hue angle of 247.2 degrees, it sits comfortably in the blue spectrum.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#5042B6

RGB80, 66, 182

HSL247.2°, 46.8%, 48.6%

CMYK56%, 64%, 0%, 29%

HSV247.2°, 63.7%, 71.4%

LAB35.9, 38.3, -59.7

XYZ13.7, 9.0, 45.3

Decimal5259958

Color Harmonies

Complementary

#5042B6 #A8B641

Analogous

#416DB6 #8A41B6

Triadic

#B65041 #41B650

Tetradic

#B6416D #A8B641 #41B68A

Tints, Shades & Tones

Tints (Adding White)

#5042B6

#6357BE

#766CC6

#8A81CE

#9D96D6

#B1ABDE

#C4C0E6

#D8D5EE

#EBEAF6

#FFFFFF

Shades (Adding Black)

#5042B6

#473AA1

#3E338D

#352C79

#2C2465

#231D50

#1A163C

#110E28

#080714

#000000

WCAG Contrast Accessibility

7.51:1

Text on #FFFFFF

AAA

2.80:1

Text on #000000

FAIL

7.18:1

Text on #F8FAFC

AAA

2.38:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Slateblue

#6A5ACD