#015aa1
Hex Color CodeThe hexadecimal color code #015aa1
is a medium dark shade of cyan-blue. In the RGB color model #015aa1
is comprised of 0.39% red, 35.29% green and 63.14% blue. In the HSL color space #015aa1
has a hue of 206.63 degrees, 98.77% saturation and 31.76% lightness. This color has an approximate wavelength of 490 nm.
#015aa1
Color InformationInverted
#fea55e 25% Saturated
#005aa2 Grayscale
#515151
25% Lighter
#0170c9 Original
#015aa1 25% Darker
#004378
darkslateblue
#483d8b 25% Desaturated
#14578d Web Safe: blue
#0000ff
rgb(1, 90, 161)
rgba(1, 90, 161, 1.0)
red: 0.3922%, yellow: 22.8191%, blue: 63.1373%
#015aa1
88737
-16688479 / 0xff015aa1
hsl(207, 99%, 32%)
hsla(207, 99%, 32%, 1.0)
hue: 207 (206.625), saturation: 99 (99.3789), value: 63 (63.1373)
X: 10.1017, Y: 9.892, Z: 35.0951
x: 0.1834, y: 0.1796, Y: 9.892
L: 37.6479, a: 5.5993, b: -44.6315
L: 37.6479, u: -21.852, v: -64.0221
L: 37.6479, C: 44.9814, H: 277.1508
L: 31.4515, a: 2.291, b: -44.1426
cyan: 99 (0.9938), magenta: 44 (0.441), yellow: 0 (0), key: 37 (0.3686)
cyan: 100 (0.9961), magenta: 65 (0.6471), yellow: 37 (0.3686)
Y: 71.483, I: -75.8284, Q: 3.271
Y: 71.483, U: 44.0515, V: -61.8357
Y: 71.483, Db: 134.693, Dr: 134.044
Y: 77.395, Cb: 172.341, Cr: 83.888
Y: 76.155, Pb: 45.735, Pr: -47.766
5PB 4/10 approximate; exact match: Munsell 5PB 4/10 / #2661ab
#015aa1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#015aa1
to White#015aa1
to Black#015aa1
foreground
<p style="color: #015aa1">#015aa1 foreground</p>
#015aa1
background
<p style="background-color: #015aa1; color: #fff">#015aa1 background</p>
#015aa1
border
<p style="border: #015aa1 3px solid">#015aa1 border</p>
#015aa1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015aa1, #fff); background: -webkit-radial-gradient(50% 50%, #015aa1, #fff); background: -o-radial-gradient(50% 50%, #015aa1, #fff); background: -ms-radial-gradient(50% 50%, #015aa1, #fff); background: radial-gradient(50% 50%, #015aa1, #fff); color: #fff">#015aa1 radial gradient</p>
#015aa1
linear gradient to complementary #a14800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015aa1, #a14800); background: -webkit-linear-gradient(top, #015aa1, #a14800); background: -o-linear-gradient(top, #015aa1, #a14800); background: -ms-linear-gradient(top, #015aa1, #a14800); background: linear-gradient(top, #015aa1, #a14800); color: #fff">
#015aa1
linear gradient to complementary #a14800
</p>
#015aa1
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015aa1">#015aa1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #015aa1
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 #015aa1
.
Jump to paint brand: