#5F57AF

A medium, moderate blue closely aligning with Darkslateblue.

About #5F57AF

When working with digital screens, the color #5F57AF is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 87, and 175.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 46% cyan and 50% magenta inks. With a hue angle of 245.5 degrees, it sits comfortably in the blue spectrum.

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#5F57AF
RGB95, 87, 175
HSL245.5°, 35.5%, 51.4%
CMYK46%, 50%, 0%, 31%
HSV245.5°, 50.3%, 68.6%
LAB41.8, 26.3, -46.1
XYZ15.9, 12.3, 42.1
Decimal6248367

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.05:1
Text on #FFFFFF
AA
3.47:1
Text on #000000
AA Large
5.79:1
Text on #F8FAFC
AA
2.95:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5F57AF; }
.text-color { color: #5F57AF; }
.border-color { border: 2px solid #5F57AF; }

Similar Colors

Darkslateblue
#483D8B