#3A57C5

A medium, moderate blue closely aligning with Royalblue.

About #3A57C5

Visually, #3A57C5 is defined as a moderate blue. It is closely associated with the named CSS color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 87, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 71% cyan and 56% magenta inks. The HSL representation is 227.5° hue, 54.5% saturation, and 50.0% lightness.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3A57C5
RGB58, 87, 197
HSL227.5°, 54.5%, 50.0%
CMYK71%, 56%, 0%, 23%
HSV227.5°, 70.6%, 77.3%
LAB40.8, 26.7, -60.6
XYZ15.2, 11.7, 54.3
Decimal3823557

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.27:1
Text on #FFFFFF
AA
3.35:1
Text on #000000
AA Large
5.99:1
Text on #F8FAFC
AA
2.85:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #3A57C5; }
.text-color { color: #3A57C5; }
.border-color { border: 2px solid #3A57C5; }

Similar Colors

Royalblue
#4169E1