Color Charts
RGB
CMYK
RYB
#015fcc Hex Color CodeThe hexadecimal color code #015fcc is a shade of cyan-blue. In the RGB color model #015fcc is comprised of 0.39% red, 37.25% green and 80% blue. In the HSL color space #015fcc has a hue of 212.22 degrees, 99.02% saturation and 40.2% lightness. This color has an approximate wavelength of 486 nm.
#015fcc Color InformationInverted
#fea033 25% Saturated
#005ecd Grayscale
#666666
25% Lighter
#0276fd Original
#015fcc 25% Darker
#004799
royalblue
#4169e1 25% Desaturated
#1a60b2 Web Safe: blue
#0000ff
rgb(1, 95, 204)
rgba(1, 95, 204, 1.0)
red: 0.3922%, yellow: 25.5879%, blue: 80%
#015fcc
90060
-16687156 / 0xff015fcc
hsl(212, 99%, 40%)
hsla(212, 99%, 40%, 1.0)
hue: 212 (212.2167), saturation: 100 (99.5098), value: 80 (80)
X: 15.0038, Y: 12.5505, Z: 58.7584
x: 0.1738, y: 0.1454, Y: 12.5505
L: 42.078, a: 19.888, b: -62.6951
L: 42.078, u: -21.7231, v: -93.3888
L: 42.078, C: 65.7739, H: 287.6
L: 35.4267, a: 13.6011, b: -73.5393
cyan: 100 (0.9951), magenta: 53 (0.5343), yellow: 0 (0), key: 20 (0.2)
cyan: 100 (0.9961), magenta: 63 (0.6275), yellow: 20 (0.2)
Y: 79.32, I: -91.015, Q: 14.0369
Y: 79.32, U: 61.3552, V: -68.7111
Y: 79.32, Db: 187.597, Dr: 148.955
Y: 84.129, Cb: 189.763, Cr: 78.995
Y: 82.826, Pb: 65.31, Pr: -52.014
5PB 4/14 (approximate)
#015fcc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#015fcc to White#015fcc to Black#015fcc foreground
<p style="color: #015fcc">#015fcc foreground</p>
#015fcc background
<p style="background-color: #015fcc; color: #fff">#015fcc background</p>
#015fcc border
<p style="border: #015fcc 3px solid">#015fcc border</p>
#015fcc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #015fcc, #fff); background: -webkit-radial-gradient(50% 50%, #015fcc, #fff); background: -o-radial-gradient(50% 50%, #015fcc, #fff); background: -ms-radial-gradient(50% 50%, #015fcc, #fff); background: radial-gradient(50% 50%, #015fcc, #fff); color: #fff">#015fcc radial gradient</p>
#015fcc linear gradient to complementary #cc6d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #015fcc, #cc6d00); background: -webkit-linear-gradient(top, #015fcc, #cc6d00); background: -o-linear-gradient(top, #015fcc, #cc6d00); background: -ms-linear-gradient(top, #015fcc, #cc6d00); background: linear-gradient(top, #015fcc, #cc6d00); color: #fff">#015fcc linear gradient to complementary #cc6d00</p>
#015fcc text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #015fcc">#015fcc text shadow</p>
The matching paint colors are listed in order of relevancy to the #015fcc 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 #015fcc.
Jump to paint brand: