#014be2
Hex Color CodeThe hexadecimal color code #014be2
is a shade of blue. In the RGB color model #014be2
is comprised of 0.39% red, 29.41% green and 88.63% blue. In the HSL color space #014be2
has a hue of 220.27 degrees, 99.12% saturation and 44.51% lightness. This color has an approximate wavelength of 481 nm.
#014be2
Color InformationInverted
#feb41d 25% Saturated
#004ae3 Grayscale
#717171
25% Lighter
#1d67fe Original
#014be2 25% Darker
#0038a9
slateblue
#6a5acd 25% Desaturated
#1d54c5 Web Safe: blue
#0000ff
rgb(1, 75, 226)
rgba(1, 75, 226, 1.0)
red: 0.3922%, yellow: 22.2297%, blue: 88.6275%
#014be2
84962
-16692254 / 0xff014be2
hsl(220, 99%, 45%)
hsla(220, 99%, 45%, 1.0)
hue: 220 (220.2667), saturation: 100 (99.5575), value: 89 (88.6275)
X: 16.2561, Y: 10.5296, Z: 73.1271
x: 0.1627, y: 0.1054, Y: 10.5296
L: 38.7766, a: 41.4361, b: -80.7046
L: 38.7766, u: -16.4477, v: -114.7104
L: 38.7766, C: 90.7203, H: 297.1773
L: 32.4493, a: 32.6364, b: -110.9001
cyan: 100 (0.9956), magenta: 67 (0.6681), yellow: 0 (0), key: 11 (0.1137)
cyan: 100 (0.9961), magenta: 71 (0.7059), yellow: 11 (0.1137)
Y: 70.088, I: -92.5937, Q: 31.3336
Y: 70.088, U: 76.7244, V: -60.6115
Y: 70.088, Db: 234.583, Dr: 131.409
Y: 76.205, Cb: 205.241, Cr: 84.793
Y: 70.11, Pb: 84.01, Pr: -43.946
7.5PB 4/18 approximate; exact match: Munsell 7.5PB 4/18 / #404ede
#014be2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#014be2
to White#014be2
to Black#014be2
foreground
<p style="color: #014be2">#014be2 foreground</p>
#014be2
background
<p style="background-color: #014be2; color: #fff">#014be2 background</p>
#014be2
border
<p style="border: #014be2 3px solid">#014be2 border</p>
#014be2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #014be2, #fff); background: -webkit-radial-gradient(50% 50%, #014be2, #fff); background: -o-radial-gradient(50% 50%, #014be2, #fff); background: -ms-radial-gradient(50% 50%, #014be2, #fff); background: radial-gradient(50% 50%, #014be2, #fff); color: #fff">#014be2 radial gradient</p>
#014be2
linear gradient to complementary #e29700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #014be2, #e29700); background: -webkit-linear-gradient(top, #014be2, #e29700); background: -o-linear-gradient(top, #014be2, #e29700); background: -ms-linear-gradient(top, #014be2, #e29700); background: linear-gradient(top, #014be2, #e29700); color: #fff">
#014be2
linear gradient to complementary #e29700
</p>
#014be2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #014be2">#014be2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #014be2
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 #014be2
.
Jump to paint brand: