HEX Color #502457 (Darkslateblue)

About #502457

The hex code #502457 represents a beautifully specific shade of magenta. 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, 36, and 87.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 8% cyan and 59% magenta inks. The HSL representation is 291.8° hue, 41.5% saturation, and 24.1% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#502457

RGB80, 36, 87

HSL291.8°, 41.5%, 24.1%

CMYK8%, 59%, 0%, 66%

HSV291.8°, 58.6%, 34.1%

LAB22.5, 29.3, -22.1

XYZ5.7, 3.7, 9.4

Decimal5252183

Color Harmonies

Complementary

#502457 #2B5724

Analogous

#362457 #572444

Triadic

#575024 #245750

Tetradic

#573624 #2B5724 #244457

Tints, Shades & Tones

Tints (Adding White)

#502457

#633C69

#76547C

#8A6D8F

#9D85A1

#B19DB4

#C4B6C7

#D8CED9

#EBE6EC

#FFFFFF

Shades (Adding Black)

#502457

#47204D

#3E1C43

#35183A

#2C1430

#231026

#1A0C1D

#110813

#080409

#000000

WCAG Contrast Accessibility

12.13:1

Text on #FFFFFF

AAA

1.73:1

Text on #000000

FAIL

11.59:1

Text on #F8FAFC

AAA

1.47:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #502457; }

.text-color { color: #502457; }

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

Similar Colors

Darkslateblue

#483D8B