#5724B6

A medium, moderate purple closely aligning with Darkblue.

About #5724B6

The precise color #5724B6 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 36, and 182.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 52% C, 80% M, 0% Y, and 29% K. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5724B6
RGB87, 36, 182
HSL261.0°, 67.0%, 42.7%
CMYK52%, 80%, 0%, 29%
HSV261.0°, 80.2%, 71.4%
LAB31.0, 54.9, -67.7
XYZ13.0, 6.7, 44.9
Decimal5711030

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.00:1
Text on #FFFFFF
AAA
2.33:1
Text on #000000
FAIL
8.60:1
Text on #F8FAFC
AAA
1.98:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5724B6; }
.text-color { color: #5724B6; }
.border-color { border: 2px solid #5724B6; }

Similar Colors

Darkblue
#00008B