#0050CC
A medium, vivid blue closely aligning with Royalblue.
About #0050CC
Visually, #0050CC is defined as a vivid blue. It is closely associated with the named CSS color Royalblue. In the RGB color space, it consists of 0 red, 80 green, and 204 blue.
Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 100% cyan and 61% magenta inks. This makes it a relatively light color when applied to physical surfaces.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#0050CC
RGB0, 80, 204
HSL216.5°, 100.0%, 40.0%
CMYK100%, 61%, 0%, 20%
HSV216.5°, 100.0%, 80.0%
LAB38.0, 29.8, -69.3
XYZ13.8, 10.1, 58.4
Decimal20684
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.96:1
Text on #FFFFFF
AA
3.02:1
Text on #000000
AA Large
6.65:1
Text on #F8FAFC
AA
2.57:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #0050CC;
}
.text-color {
color: #0050CC;
}
.border-color {
border: 2px solid #0050CC;
}