Color Charts
RGB
CMYK
RYB
#01a4fa Hex Color CodeThe hexadecimal color code #01a4fa is a shade of cyan-blue. In the RGB color model #01a4fa is comprised of 0.39% red, 64.31% green and 98.04% blue. In the HSL color space #01a4fa has a hue of 200.72 degrees, 99.2% saturation and 49.22% lightness. This color has an approximate wavelength of 494 nm.
#01a4fa Color InformationInverted
#fe5b05 25% Saturated
#00a4fb Grayscale
#7d7d7d
25% Lighter
#3bbafe Original
#01a4fa 25% Darker
#007bbb
cornflowerblue
#6495ed 25% Desaturated
#209ada Web Safe: fuchsia
#ff00ff
rgb(1, 164, 250)
rgba(1, 164, 250, 1.0)
red: 0.3922%, yellow: 39.0244%, blue: 98.0392%
#01a4fa
107770
-16669446 / 0xff01a4fa
hsl(201, 99%, 49%)
hsla(201, 99%, 49%, 1.0)
hue: 201 (200.7229), saturation: 100 (99.6), value: 98 (98.0392)
X: 30.5433, Y: 33.4595, Z: 95.291
x: 0.1917, y: 0.21, Y: 33.4595
L: 64.5313, a: -4.6422, b: -52.4584
L: 64.5313, u: -40.7207, v: -84.175
L: 64.5313, C: 52.6634, H: 264.9428
L: 57.8442, a: -6.9745, b: -57.1819
cyan: 100 (0.996), magenta: 34 (0.344), yellow: 0 (0), key: 2 (0.0196)
cyan: 100 (0.9961), magenta: 36 (0.3569), yellow: 2 (0.0196)
Y: 125.067, I: -124.7303, Q: -7.7097
Y: 125.067, U: 61.4798, V: -108.8459
Y: 125.067, Db: 187.988, Dr: 235.941
Y: 123.413, Cb: 189.878, Cr: 50.337
Y: 135.473, Pb: 61.745, Pr: -85.456
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#01a4fa / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a4fa to White#01a4fa to Black#01a4fa foreground
<p style="color: #01a4fa; background-color: #000">#01a4fa foreground</p>
#01a4fa background
<p style="background-color: #01a4fa">#01a4fa background</p>
#01a4fa border
<p style="border: #01a4fa 3px solid">#01a4fa border</p>
#01a4fa radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a4fa, #fff); background: -webkit-radial-gradient(50% 50%, #01a4fa, #fff); background: -o-radial-gradient(50% 50%, #01a4fa, #fff); background: -ms-radial-gradient(50% 50%, #01a4fa, #fff); background: radial-gradient(50% 50%, #01a4fa, #fff)">#01a4fa radial gradient</p>
#01a4fa linear gradient to complementary #fa5600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a4fa, #fa5600); background: -webkit-linear-gradient(top, #01a4fa, #fa5600); background: -o-linear-gradient(top, #01a4fa, #fa5600); background: -ms-linear-gradient(top, #01a4fa, #fa5600); background: linear-gradient(top, #01a4fa, #fa5600); color: #000">#01a4fa linear gradient to complementary #fa5600</p>
#01a4fa text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01a4fa">#01a4fa text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a4fa 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 #01a4fa.
Jump to paint brand: