#0057D3

A medium, vivid blue closely aligning with Royalblue.

About #0057D3

When working with digital screens, the color #0057D3 is rendered by mixing light. Designers often compare it to the standard color Royalblue. Its digital footprint relies on 0 parts red, 87 parts green, and 211 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 100% cyan, 59% magenta, 0% yellow, and 17% black. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0057D3
RGB0, 87, 211
HSL215.3°, 100.0%, 41.4%
CMYK100%, 59%, 0%, 17%
HSV215.3°, 100.0%, 82.7%
LAB40.4, 27.9, -69.4
XYZ15.2, 11.5, 63.1
Decimal22483

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.36:1
Text on #FFFFFF
AA
3.30:1
Text on #000000
AA Large
6.07:1
Text on #F8FAFC
AA
2.81:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Royalblue
#4169E1