HEX Color #504275 (Darkslateblue)

About #504275

The precise color #504275 is an excellent choice for modern design projects. Designers often compare it to the standard color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 66, and 117.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 32% Cyan, 44% Magenta, 0% Yellow, and 54% Black. This makes it a relatively dark color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark 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#504275

RGB80, 66, 117

HSL256.5°, 27.9%, 35.9%

CMYK32%, 44%, 0%, 54%

HSV256.5°, 43.6%, 45.9%

LAB31.5, 18.4, -27.2

XYZ8.5, 6.9, 17.7

Decimal5259893

Color Harmonies

Complementary

#504275 #667542

Analogous

#424D75 #694275

Triadic

#755042 #427550

Tetradic

#75424D #667542 #427569

Tints, Shades & Tones

Tints (Adding White)

#504275

#635784

#766C93

#8A81A3

#9D96B2

#B1ABC1

#C4C0D1

#D8D5E0

#EBEAEF

#FFFFFF

Shades (Adding Black)

#504275

#473A68

#3E335B

#352C4E

#2C2441

#231D34

#1A1627

#110E1A

#08070D

#000000

WCAG Contrast Accessibility

8.83:1

Text on #FFFFFF

AAA

2.38:1

Text on #000000

FAIL

8.44:1

Text on #F8FAFC

AAA

2.02:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #504275; }

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

Similar Colors

Darkslateblue

#483D8B