#0063b5
Hex Color CodeThe hexadecimal color code #0063b5
is a medium dark shade of cyan-blue. In the RGB color model #0063b5
is comprised of 0% red, 38.82% green and 70.98% blue. In the HSL color space #0063b5
has a hue of 207.18 degrees, 100% saturation and 35.49% lightness. This color has an approximate wavelength of 490 nm.
#0063b5
Color InformationInverted
#ff9c4a 25% Saturated
#0062b5 Grayscale
#5a5a5a
25% Lighter
#007be2 Original
#0063b5 25% Darker
#004a87
royalblue
#4169e1 25% Desaturated
#16609e Web Safe: blue
#0000ff
rgb(0, 99, 181)
rgba(0, 99, 181, 1.0)
red: 0%, yellow: 25.0966%, blue: 70.9804%
#0063b5
25525
-16751691 / 0xff0063b5
hsl(207, 100%, 35%)
hsla(207, 100%, 35%, 1.0)
hue: 207 (207.1823), saturation: 100 (100), value: 71 (70.9804)
X: 12.8023, Y: 12.2599, Z: 45.4077
x: 0.1817, y: 0.174, Y: 12.2599
L: 41.6262, a: 7.9141, b: -50.0683
L: 41.6262, u: -23.8225, v: -74.0888
L: 41.6262, C: 50.6899, H: 278.9822
L: 35.0141, a: 3.9909, b: -52.3798
cyan: 100 (1), magenta: 45 (0.453), yellow: 0 (0), key: 29 (0.2902)
cyan: 100 (1), magenta: 61 (0.6118), yellow: 29 (0.2902)
Y: 78.747, I: -85.3194, Q: 4.5789
Y: 78.747, U: 50.3189, V: -69.0858
Y: 78.747, Db: 153.856, Dr: 149.761
Y: 83.634, Cb: 178.65, Cr: 78.717
Y: 83.817, Pb: 52.385, Pr: -53.272
5PB 4/12 (approximate)
#0063b5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0063b5
to White#0063b5
to Black#0063b5
foreground
<p style="color: #0063b5">#0063b5 foreground</p>
#0063b5
background
<p style="background-color: #0063b5; color: #fff">#0063b5 background</p>
#0063b5
border
<p style="border: #0063b5 3px solid">#0063b5 border</p>
#0063b5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0063b5, #fff); background: -webkit-radial-gradient(50% 50%, #0063b5, #fff); background: -o-radial-gradient(50% 50%, #0063b5, #fff); background: -ms-radial-gradient(50% 50%, #0063b5, #fff); background: radial-gradient(50% 50%, #0063b5, #fff); color: #fff">#0063b5 radial gradient</p>
#0063b5
linear gradient to complementary #b55200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0063b5, #b55200); background: -webkit-linear-gradient(top, #0063b5, #b55200); background: -o-linear-gradient(top, #0063b5, #b55200); background: -ms-linear-gradient(top, #0063b5, #b55200); background: linear-gradient(top, #0063b5, #b55200); color: #fff">
#0063b5
linear gradient to complementary #b55200
</p>
#0063b5
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0063b5">#0063b5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0063b5
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 #0063b5
.
Jump to paint brand: