#50336D

A dark, moderate purple closely aligning with Darkslateblue.

About #50336D

The precise color #50336D is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 51, and 109.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 27% cyan, 53% magenta, 0% yellow, and 57% black. With a hue angle of 270.0 degrees, it sits comfortably in the purple spectrum.

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#50336D
RGB80, 51, 109
HSL270.0°, 36.2%, 31.4%
CMYK27%, 53%, 0%, 57%
HSV270.0°, 53.2%, 42.7%
LAB27.2, 25.7, -28.9
XYZ7.3, 5.2, 15.1
Decimal5256045

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.32:1
Text on #FFFFFF
AAA
2.04:1
Text on #000000
FAIL
9.86:1
Text on #F8FAFC
AAA
1.73:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #50336D; }
.text-color { color: #50336D; }
.border-color { border: 2px solid #50336D; }

Similar Colors

Darkslateblue
#483D8B