HEX Color #503A75 (Darkslateblue)

About #503A75

The precise color #503A75 is an excellent choice for modern design projects. Its closest recognized web color is Darkslateblue. This translates to an RGB value of rgb(80, 58, 117).

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 32% cyan and 50% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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#503A75

RGB80, 58, 117

HSL262.4°, 33.7%, 34.3%

CMYK32%, 50%, 0%, 54%

HSV262.4°, 50.4%, 45.9%

LAB29.5, 23.5, -30.5

XYZ8.0, 6.0, 17.6

Decimal5257845

Color Harmonies

Complementary

#503A75 #5F7539

Analogous

#394175 #6D3975

Triadic

#754F39 #39754F

Tetradic

#753941 #5F7539 #39756D

Tints, Shades & Tones

Tints (Adding White)

#503A75

#634F84

#766593

#8A7BA3

#9D91B2

#B1A7C1

#C4BDD1

#D8D3E0

#EBE9EF

#FFFFFF

Shades (Adding Black)

#503A75

#473368

#3E2D5B

#35264E

#2C2041

#231934

#1A1327

#110C1A

#08060D

#000000

WCAG Contrast Accessibility

9.53:1

Text on #FFFFFF

AAA

2.20:1

Text on #000000

FAIL

9.11:1

Text on #F8FAFC

AAA

1.87:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #503A75; }

.text-color { color: #503A75; }

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

Similar Colors

Darkslateblue

#483D8B