#0054bc
Hex Color CodeThe hexadecimal color code #0054bc
is a medium dark shade of cyan-blue. In the RGB color model #0054bc
is comprised of 0% red, 32.94% green and 73.73% blue. In the HSL color space #0054bc
has a hue of 213.19 degrees, 100% saturation and 36.86% lightness. This color has an approximate wavelength of 486 nm.
#0054bc
Color InformationInverted
#ffab43 25% Saturated
#0053bc Grayscale
#5e5e5e
25% Lighter
#0068eb Original
#0054bc 25% Darker
#003e8d
royalblue
#4169e1 25% Desaturated
#1756a4 Web Safe: blue
#0000ff
rgb(0, 84, 188)
rgba(0, 84, 188, 1.0)
red: 0%, yellow: 22.7682%, blue: 73.7255%
#0054bc
21692
-16755524 / 0xff0054bc
hsl(213, 100%, 37%)
hsla(213, 100%, 37%, 1.0)
hue: 213 (213.1915), saturation: 100 (100), value: 74 (73.7255)
X: 12.2474, Y: 9.9715, Z: 48.8561
x: 0.1723, y: 0.1403, Y: 9.9715
L: 37.7912, a: 20.6863, b: -60.371
L: 37.7912, u: -19.1516, v: -87.1189
L: 37.7912, C: 63.8168, H: 288.9142
L: 31.5777, a: 13.9705, b: -69.6276
cyan: 100 (1), magenta: 55 (0.5532), yellow: 0 (0), key: 26 (0.2627)
cyan: 100 (1), magenta: 67 (0.6706), yellow: 26 (0.2627)
Y: 70.74, I: -83.4515, Q: 14.5957
Y: 70.74, U: 57.7038, V: -62.061
Y: 70.74, Db: 176.432, Dr: 134.54
Y: 76.76, Cb: 186.088, Cr: 83.74
Y: 73.596, Pb: 61.66, Pr: -46.784
5PB 3/14 (approximate)
#0054bc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0054bc
to White#0054bc
to Black#0054bc
foreground
<p style="color: #0054bc">#0054bc foreground</p>
#0054bc
background
<p style="background-color: #0054bc; color: #fff">#0054bc background</p>
#0054bc
border
<p style="border: #0054bc 3px solid">#0054bc border</p>
#0054bc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0054bc, #fff); background: -webkit-radial-gradient(50% 50%, #0054bc, #fff); background: -o-radial-gradient(50% 50%, #0054bc, #fff); background: -ms-radial-gradient(50% 50%, #0054bc, #fff); background: radial-gradient(50% 50%, #0054bc, #fff); color: #fff">#0054bc radial gradient</p>
#0054bc
linear gradient to complementary #bc6700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0054bc, #bc6700); background: -webkit-linear-gradient(top, #0054bc, #bc6700); background: -o-linear-gradient(top, #0054bc, #bc6700); background: -ms-linear-gradient(top, #0054bc, #bc6700); background: linear-gradient(top, #0054bc, #bc6700); color: #fff">
#0054bc
linear gradient to complementary #bc6700
</p>
#0054bc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0054bc">#0054bc text shadow</p>
The matching paint colors are listed in order of relevancy to the #0054bc
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #0054bc
.
Jump to paint brand: