HEX Color #50073A (Darkslateblue)

About #50073A

The precise color #50073A is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslateblue. Its digital footprint relies on 80 parts red, 7 parts green, and 58 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 91% magenta inks. The HSL representation is 318.1° hue, 83.9% saturation, and 17.1% lightness.

When using this color as a background, text legibility must be considered. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#50073A

RGB80, 7, 58

HSL318.1°, 83.9%, 17.1%

CMYK0%, 91%, 28%, 69%

HSV318.1°, 91.2%, 31.4%

LAB16.3, 36.7, -11.9

XYZ4.1, 2.2, 4.2

Decimal5244730

Color Harmonies

Complementary

#50073A #07501D

Analogous

#410750 #500715

Triadic

#395007 #073950

Tetradic

#504107 #07501D #071550

Tints, Shades & Tones

Tints (Adding White)

#50073A

#63224F

#763E65

#8A597B

#9D7591

#B190A7

#C4ACBD

#D8C7D3

#EBE3E9

#FFFFFF

Shades (Adding Black)

#50073A

#470633

#3E052D

#350426

#2C0320

#230319

#1A0213

#11010C

#080006

#000000

WCAG Contrast Accessibility

14.66:1

Text on #FFFFFF

AAA

1.43:1

Text on #000000

FAIL

14.01:1

Text on #F8FAFC

AAA

1.22:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #50073A; }

.text-color { color: #50073A; }

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

Similar Colors

Darkslateblue

#483D8B