#0054c4
Hex Color CodeThe hexadecimal color code #0054c4
is a medium dark shade of cyan-blue. In the RGB color model #0054c4
is comprised of 0% red, 32.94% green and 76.86% blue. In the HSL color space #0054c4
has a hue of 214.29 degrees, 100% saturation and 38.43% lightness. This color has an approximate wavelength of 485 nm.
#0054c4
Color InformationInverted
#ffab3b 25% Saturated
#0053c4 Grayscale
#626262
25% Lighter
#0068f5 Original
#0054c4 25% Darker
#003e93
royalblue
#4169e1 25% Desaturated
#1857ab Web Safe: blue
#0000ff
rgb(0, 84, 196)
rgba(0, 84, 196, 1.0)
red: 0%, yellow: 23.0588%, blue: 76.8627%
#0054c4
21700
-16755516 / 0xff0054c4
hsl(214, 100%, 38%)
hsla(214, 100%, 38%, 1.0)
hue: 214 (214.2857), saturation: 100 (100), value: 77 (76.8627)
X: 13.1341, Y: 10.3262, Z: 53.5255
x: 0.1706, y: 0.1341, Y: 10.3262
L: 38.4216, a: 23.9225, b: -64.0144
L: 38.4216, u: -18.961, v: -92.6617
L: 38.4216, C: 68.3384, H: 290.491
L: 32.1344, a: 16.7224, b: -76.2639
cyan: 100 (1), magenta: 57 (0.5714), yellow: 0 (0), key: 23 (0.2314)
cyan: 100 (1), magenta: 67 (0.6706), yellow: 23 (0.2314)
Y: 71.652, I: -86.0216, Q: 17.0848
Y: 71.652, U: 61.1918, V: -62.8611
Y: 71.652, Db: 187.096, Dr: 136.276
Y: 77.544, Cb: 189.6, Cr: 83.172
Y: 74.172, Pb: 65.66, Pr: -47.152
7.5PB 4/14 approximate; exact match: Munsell 7.5PB 4/14 / #4556c4
#0054c4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0054c4
to White#0054c4
to Black#0054c4
foreground
<p style="color: #0054c4">#0054c4 foreground</p>
#0054c4
background
<p style="background-color: #0054c4; color: #fff">#0054c4 background</p>
#0054c4
border
<p style="border: #0054c4 3px solid">#0054c4 border</p>
#0054c4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0054c4, #fff); background: -webkit-radial-gradient(50% 50%, #0054c4, #fff); background: -o-radial-gradient(50% 50%, #0054c4, #fff); background: -ms-radial-gradient(50% 50%, #0054c4, #fff); background: radial-gradient(50% 50%, #0054c4, #fff); color: #fff">#0054c4 radial gradient</p>
#0054c4
linear gradient to complementary #c47000
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0054c4, #c47000); background: -webkit-linear-gradient(top, #0054c4, #c47000); background: -o-linear-gradient(top, #0054c4, #c47000); background: -ms-linear-gradient(top, #0054c4, #c47000); background: linear-gradient(top, #0054c4, #c47000); color: #fff">
#0054c4
linear gradient to complementary #c47000
</p>
#0054c4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0054c4">#0054c4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0054c4
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 #0054c4
.
Jump to paint brand: