#2C57BD

A medium, moderate blue closely aligning with Royalblue.

About #2C57BD

The hex code #2C57BD represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 87, and 189.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 77% Cyan, 54% Magenta, 0% Yellow, and 26% Black. With a hue angle of 222.2 degrees, it sits comfortably in the blue spectrum.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#2C57BD
RGB44, 87, 189
HSL222.2°, 62.2%, 45.7%
CMYK77%, 54%, 0%, 26%
HSV222.2°, 76.7%, 74.1%
LAB39.6, 22.0, -57.9
XYZ13.6, 11.0, 49.6
Decimal2906045

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.55:1
Text on #FFFFFF
AA
3.21:1
Text on #000000
AA Large
6.26:1
Text on #F8FAFC
AA
2.72:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Royalblue
#4169E1