#0018b3
Hex Color CodeThe hexadecimal color code #0018b3
is a medium dark shade of blue. In the RGB color model #0018b3
is comprised of 0% red, 9.41% green and 70.2% blue. In the HSL color space #0018b3
has a hue of 231.96 degrees, 100% saturation and 35.1% lightness. This color has an approximate wavelength of 474 nm.
#0018b3
Color InformationInverted
#ffe74c 25% Saturated
#0017b3 Grayscale
#595959
25% Lighter
#001ddf Original
#0018b3 25% Darker
#001186
mediumblue
#0000cd 25% Desaturated
#16289c Web Safe: blue
#0000ff
rgb(0, 24, 179)
rgba(0, 24, 179, 1.0)
red: 0%, yellow: 8.299%, blue: 70.1961%
#0018b3
6323
-16770893 / 0xff0018b3
hsl(232, 100%, 35%)
hsla(232, 100%, 35%, 1.0)
hue: 232 (231.9553), saturation: 100 (100), value: 70 (70.1961)
X: 8.4633, Y: 3.9079, Z: 42.9561
x: 0.153, y: 0.0706, Y: 3.9079
L: 23.3647, a: 53.598, b: -78.8145
L: 23.3647, u: -7.6165, v: -87.7342
L: 23.3647, C: 95.3125, H: 304.2178
L: 19.7685, a: 41.8247, b: -114.9965
cyan: 100 (1), magenta: 87 (0.8659), yellow: 0 (0), key: 30 (0.298)
cyan: 100 (1), magenta: 91 (0.9059), yellow: 30 (0.298)
Y: 34.494, I: -64.0929, Q: 43.151
Y: 34.494, U: 71.1114, V: -30.2615
Y: 34.494, Db: 217.415, Dr: 65.627
Y: 45.638, Cb: 199.597, Cr: 106.459
Y: 30.048, Pb: 80.26, Pr: -19.13
7.5PB 3/20 approximate; exact match: Munsell 7.5PB 3/20 / #3528c9
#0018b3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0018b3
to White#0018b3
to Black#0018b3
foreground
<p style="color: #0018b3">#0018b3 foreground</p>
#0018b3
background
<p style="background-color: #0018b3; color: #fff">#0018b3 background</p>
#0018b3
border
<p style="border: #0018b3 3px solid">#0018b3 border</p>
#0018b3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0018b3, #fff); background: -webkit-radial-gradient(50% 50%, #0018b3, #fff); background: -o-radial-gradient(50% 50%, #0018b3, #fff); background: -ms-radial-gradient(50% 50%, #0018b3, #fff); background: radial-gradient(50% 50%, #0018b3, #fff); color: #fff">#0018b3 radial gradient</p>
#0018b3
linear gradient to complementary #b39a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0018b3, #b39a00); background: -webkit-linear-gradient(top, #0018b3, #b39a00); background: -o-linear-gradient(top, #0018b3, #b39a00); background: -ms-linear-gradient(top, #0018b3, #b39a00); background: linear-gradient(top, #0018b3, #b39a00); color: #fff">
#0018b3
linear gradient to complementary #b39a00
</p>
#0018b3
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0018b3">#0018b3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0018b3
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 #0018b3
.
Jump to paint brand: