#0054f5
Hex Color CodeThe hexadecimal color code #0054f5
is a shade of cyan-blue. In the RGB color model #0054f5
is comprised of 0% red, 32.94% green and 96.08% blue. In the HSL color space #0054f5
has a hue of 219.43 degrees, 100% saturation and 48.04% lightness. This color has an approximate wavelength of 482 nm.
#0054f5
Color InformationInverted
#ffab0a 25% Saturated
#0054f5 Grayscale
#7a7a7a
25% Lighter
#3379ff Original
#0054f5 25% Darker
#003fb7
slateblue
#6a5acd 25% Desaturated
#1e5dd6 Web Safe: blue
#0000ff
rgb(0, 84, 245)
rgba(0, 84, 245, 1.0)
red: 0%, yellow: 24.5307%, blue: 96.0784%
#0054f5
21749
-16755467 / 0xff0054f5
hsl(219, 100%, 48%)
hsla(219, 100%, 48%, 1.0)
hue: 219 (219.4286), saturation: 100 (100), value: 96 (96.0784)
X: 19.6518, Y: 12.9332, Z: 87.8468
x: 0.1632, y: 0.1074, Y: 12.9332
L: 42.6625, a: 42.8035, b: -85.046
L: 42.6625, u: -18.3638, v: -124.4608
L: 42.6625, C: 95.2101, H: 296.7161
L: 35.9628, a: 34.6059, b: -119.6546
cyan: 100 (1), magenta: 66 (0.6571), yellow: 0 (0), key: 4 (0.0392)
cyan: 100 (1), magenta: 67 (0.6706), yellow: 4 (0.0392)
Y: 77.238, I: -101.7635, Q: 32.3304
Y: 77.238, U: 82.5558, V: -67.7616
Y: 77.238, Db: 252.413, Dr: 146.909
Y: 82.346, Cb: 211.111, Cr: 79.693
Y: 77.7, Pb: 90.16, Pr: -49.406
7.5PB 4/20 approximate; exact match: Munsell 7.5PB 4/20 / #3e49ed
#0054f5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0054f5
to White#0054f5
to Black#0054f5
foreground
<p style="color: #0054f5">#0054f5 foreground</p>
#0054f5
background
<p style="background-color: #0054f5; color: #fff">#0054f5 background</p>
#0054f5
border
<p style="border: #0054f5 3px solid">#0054f5 border</p>
#0054f5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0054f5, #fff); background: -webkit-radial-gradient(50% 50%, #0054f5, #fff); background: -o-radial-gradient(50% 50%, #0054f5, #fff); background: -ms-radial-gradient(50% 50%, #0054f5, #fff); background: radial-gradient(50% 50%, #0054f5, #fff); color: #fff">#0054f5 radial gradient</p>
#0054f5
linear gradient to complementary #f5a100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0054f5, #f5a100); background: -webkit-linear-gradient(top, #0054f5, #f5a100); background: -o-linear-gradient(top, #0054f5, #f5a100); background: -ms-linear-gradient(top, #0054f5, #f5a100); background: linear-gradient(top, #0054f5, #f5a100); color: #fff">
#0054f5
linear gradient to complementary #f5a100
</p>
#0054f5
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0054f5">#0054f5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0054f5
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 #0054f5
.
Jump to paint brand: