#015bbb
Hex Color CodeThe hexadecimal color code #015bbb
is a medium dark shade of cyan-blue. In the RGB color model #015bbb
is comprised of 0.39% red, 35.69% green and 73.33% blue. In the HSL color space #015bbb
has a hue of 210.97 degrees, 98.94% saturation and 36.86% lightness. This color has an approximate wavelength of 487 nm.
#015bbb
Color InformationInverted
#fea444 25% Saturated
#005abb Grayscale
#5d5d5d
25% Lighter
#0171e9 Original
#015bbb 25% Darker
#00448c
royalblue
#4169e1 25% Desaturated
#185ba3 Web Safe: blue
#0000ff
rgb(1, 91, 187)
rgba(1, 91, 187, 1.0)
red: 0.3922%, yellow: 24.1773%, blue: 73.3333%
#015bbb
89019
-16688197 / 0xff015bbb
hsl(211, 99%, 37%)
hsla(211, 99%, 37%, 1.0)
hue: 211 (210.9677), saturation: 99 (99.4652), value: 73 (73.3333)
X: 12.7232, Y: 11.0765, Z: 48.4811
x: 0.176, y: 0.1532, Y: 11.0765
L: 39.709, a: 15.6491, b: -56.6717
L: 39.709, u: -21.1209, v: -83.0871
L: 39.709, C: 58.7927, H: 285.4368
L: 33.2813, a: 9.997, b: -63.0711
cyan: 99 (0.9947), magenta: 51 (0.5134), yellow: 0 (0), key: 27 (0.2667)
cyan: 100 (0.9961), magenta: 64 (0.6431), yellow: 27 (0.2667)
Y: 75.034, I: -84.4557, Q: 10.8379
Y: 75.034, U: 55.0986, V: -64.951
Y: 75.034, Db: 168.468, Dr: 140.802
Y: 80.447, Cb: 183.464, Cr: 81.674
Y: 78.742, Pb: 58.35, Pr: -49.416
5PB 4/14 (approximate)
#015bbb
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#015bbb
to White#015bbb
to Black#015bbb
foreground
<p style="color: #015bbb">#015bbb foreground</p>
#015bbb
background
<p style="background-color: #015bbb; color: #fff">#015bbb background</p>
#015bbb
border
<p style="border: #015bbb 3px solid">#015bbb border</p>
#015bbb
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015bbb, #fff); background: -webkit-radial-gradient(50% 50%, #015bbb, #fff); background: -o-radial-gradient(50% 50%, #015bbb, #fff); background: -ms-radial-gradient(50% 50%, #015bbb, #fff); background: radial-gradient(50% 50%, #015bbb, #fff); color: #fff">#015bbb radial gradient</p>
#015bbb
linear gradient to complementary #bb6100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015bbb, #bb6100); background: -webkit-linear-gradient(top, #015bbb, #bb6100); background: -o-linear-gradient(top, #015bbb, #bb6100); background: -ms-linear-gradient(top, #015bbb, #bb6100); background: linear-gradient(top, #015bbb, #bb6100); color: #fff">
#015bbb
linear gradient to complementary #bb6100
</p>
#015bbb
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015bbb">#015bbb text shadow</p>
The matching paint colors are listed in order of relevancy to the #015bbb
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 #015bbb
.
Jump to paint brand: