Color Charts
RGB
CMYK
RYB
#01a2f9 Hex Color CodeThe hexadecimal color code #01a2f9 is a shade of cyan-blue. In the RGB color model #01a2f9 is comprised of 0.39% red, 63.53% green and 97.65% blue. In the HSL color space #01a2f9 has a hue of 201.05 degrees, 99.2% saturation and 49.02% lightness. This color has an approximate wavelength of 493 nm.
#01a2f9 Color InformationInverted
#fe5d06 25% Saturated
#00a2fa Grayscale
#7d7d7d
25% Lighter
#3ab9fe Original
#01a2f9 25% Darker
#0079ba
cornflowerblue
#6495ed 25% Desaturated
#1f98da Web Safe: fuchsia
#ff00ff
rgb(1, 162, 249)
rgba(1, 162, 249, 1.0)
red: 0.3922%, yellow: 38.6759%, blue: 97.6471%
#01a2f9
107257
-16669959 / 0xff01a2f9
hsl(201, 99%, 49%)
hsla(201, 99%, 49%, 1.0)
hue: 201 (201.0484), saturation: 100 (99.5984), value: 98 (97.6471)
X: 30.0317, Y: 32.6867, Z: 94.3488
x: 0.1912, y: 0.2081, Y: 32.6867
L: 63.9064, a: -3.8717, b: -52.9032
L: 63.9064, u: -40.1373, v: -84.8708
L: 63.9064, C: 53.0447, H: 265.8143
L: 57.1723, a: -6.2881, b: -57.8231
cyan: 100 (0.996), magenta: 35 (0.3494), yellow: 0 (0), key: 2 (0.0235)
cyan: 100 (0.9961), magenta: 36 (0.3647), yellow: 2 (0.0235)
Y: 123.779, I: -123.8602, Q: -6.9757
Y: 123.779, U: 61.6215, V: -107.7159
Y: 123.779, Db: 188.421, Dr: 233.492
Y: 122.307, Cb: 190.021, Cr: 51.144
Y: 133.971, Pb: 62.015, Pr: -84.502
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#01a2f9 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a2f9 to White#01a2f9 to Black#01a2f9 foreground
<p style="color: #01a2f9">#01a2f9 foreground</p>
#01a2f9 background
<p style="background-color: #01a2f9; color: #fff">#01a2f9 background</p>
#01a2f9 border
<p style="border: #01a2f9 3px solid">#01a2f9 border</p>
#01a2f9 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a2f9, #fff); background: -webkit-radial-gradient(50% 50%, #01a2f9, #fff); background: -o-radial-gradient(50% 50%, #01a2f9, #fff); background: -ms-radial-gradient(50% 50%, #01a2f9, #fff); background: radial-gradient(50% 50%, #01a2f9, #fff); color: #fff">#01a2f9 radial gradient</p>
#01a2f9 linear gradient to complementary #f95800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a2f9, #f95800); background: -webkit-linear-gradient(top, #01a2f9, #f95800); background: -o-linear-gradient(top, #01a2f9, #f95800); background: -ms-linear-gradient(top, #01a2f9, #f95800); background: linear-gradient(top, #01a2f9, #f95800); color: #fff">#01a2f9 linear gradient to complementary #f95800</p>
#01a2f9 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a2f9">#01a2f9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a2f9 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 #01a2f9.
Jump to paint brand: