#0057C5
A dark, vivid blue closely aligning with Royalblue.
About #0057C5
At its core, #0057C5 is a dark and vivid hue. Designers often compare it to the standard color Royalblue. In the RGB color space, it consists of 0 red, 87 green, and 197 blue.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 100% C, 56% M, 0% Y, and 23% K. The HSL representation is 213.5° hue, 100.0% saturation, and 38.6% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#0057C5
RGB0, 87, 197
HSL213.5°, 100.0%, 38.6%
CMYK100%, 56%, 0%, 23%
HSV213.5°, 100.0%, 77.3%
LAB39.3, 22.3, -63.1
XYZ13.5, 10.8, 54.2
Decimal22469
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.63:1
Text on #FFFFFF
AA
3.17:1
Text on #000000
AA Large
6.33:1
Text on #F8FAFC
AA
2.69:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #0057C5;
}
.text-color {
color: #0057C5;
}
.border-color {
border: 2px solid #0057C5;
}