#0062f1
Hex Color CodeThe hexadecimal color code #0062f1
is a shade of cyan-blue. In the RGB color model #0062f1
is comprised of 0% red, 38.43% green and 94.51% blue. In the HSL color space #0062f1
has a hue of 215.6 degrees, 100% saturation and 47.25% lightness. This color has an approximate wavelength of 484 nm.
#0062f1
Color InformationInverted
#ff9d0e 25% Saturated
#0061f0 Grayscale
#787878
25% Lighter
#2e83ff Original
#0062f1 25% Darker
#0049b4
royalblue
#4169e1 25% Desaturated
#1e67d2 Web Safe: blue
#0000ff
rgb(0, 98, 241)
rgba(0, 98, 241, 1.0)
red: 0%, yellow: 27.3214%, blue: 94.5098%
#0062f1
25329
-16751887 / 0xff0062f1
hsl(216, 100%, 47%)
hsla(216, 100%, 47%, 1.0)
hue: 216 (215.6017), saturation: 100 (100), value: 95 (94.5098)
X: 20.2449, Y: 15.0862, Z: 85.064
x: 0.1682, y: 0.1253, Y: 15.0862
L: 45.7521, a: 32.4311, b: -77.7319
L: 45.7521, u: -21.6734, v: -117.5997
L: 45.7521, C: 84.226, H: 292.6468
L: 38.841, a: 25.0667, b: -102.6597
cyan: 100 (1), magenta: 59 (0.5934), yellow: 0 (0), key: 5 (0.0549)
cyan: 100 (1), magenta: 62 (0.6157), yellow: 5 (0.0549)
Y: 85, I: -104.3208, Q: 23.7696
Y: 85, U: 76.7677, V: -74.5714
Y: 85, Db: 234.719, Dr: 161.665
Y: 89.01, Cb: 205.281, Cr: 74.825
Y: 87.422, Pb: 82.77, Pr: -55.578
7.5PB 5/18 (approximate)
#0062f1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0062f1
to White#0062f1
to Black#0062f1
foreground
<p style="color: #0062f1">#0062f1 foreground</p>
#0062f1
background
<p style="background-color: #0062f1; color: #fff">#0062f1 background</p>
#0062f1
border
<p style="border: #0062f1 3px solid">#0062f1 border</p>
#0062f1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0062f1, #fff); background: -webkit-radial-gradient(50% 50%, #0062f1, #fff); background: -o-radial-gradient(50% 50%, #0062f1, #fff); background: -ms-radial-gradient(50% 50%, #0062f1, #fff); background: radial-gradient(50% 50%, #0062f1, #fff); color: #fff">#0062f1 radial gradient</p>
#0062f1
linear gradient to complementary #f08f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0062f1, #f08f00); background: -webkit-linear-gradient(top, #0062f1, #f08f00); background: -o-linear-gradient(top, #0062f1, #f08f00); background: -ms-linear-gradient(top, #0062f1, #f08f00); background: linear-gradient(top, #0062f1, #f08f00); color: #fff">
#0062f1
linear gradient to complementary #f08f00
</p>
#0062f1
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0062f1">#0062f1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0062f1
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 #0062f1
.
Jump to paint brand: