Color Charts
RGB
CMYK
RYB
#00a1f2 Hex Color CodeThe hexadecimal color code #00a1f2 is a shade of cyan-blue. In the RGB color model #00a1f2 is comprised of 0% red, 63.14% green and 94.9% blue. In the HSL color space #00a1f2 has a hue of 200.08 degrees, 100% saturation and 47.45% lightness. This color has an approximate wavelength of 494 nm.
#00a1f2 Color InformationInverted
#ff5e0d 25% Saturated
#00a0f1 Grayscale
#787878
25% Lighter
#2fb9ff Original
#00a1f2 25% Darker
#0078b5
cornflowerblue
#6495ed 25% Desaturated
#1e96d3 Web Safe: fuchsia
#ff00ff
rgb(0, 161, 242)
rgba(0, 161, 242, 1.0)
red: 0%, yellow: 37.9137%, blue: 94.902%
#00a1f2
41458
-16735758 / 0xff00a1f2
hsl(200, 100%, 47%)
hsla(200, 100%, 47%, 1.0)
hue: 200 (200.0826), saturation: 100 (100), value: 95 (94.902)
X: 28.7719, Y: 31.9005, Z: 88.6454
x: 0.1927, y: 0.2136, Y: 31.9005
L: 63.2606, a: -5.9184, b: -50.0944
L: 63.2606, u: -40.2947, v: -79.7911
L: 63.2606, C: 50.4428, H: 263.262
L: 56.4806, a: -7.9109, b: -53.5183
cyan: 100 (1), magenta: 33 (0.3347), yellow: 0 (0), key: 5 (0.051)
cyan: 100 (1), magenta: 37 (0.3686), yellow: 5 (0.051)
Y: 122.095, I: -121.9326, Q: -8.8425
Y: 122.095, U: 59.0055, V: -107.1158
Y: 122.095, Db: 180.423, Dr: 232.19
Y: 120.86, Cb: 187.387, Cr: 51.57
Y: 132.539, Pb: 59.015, Pr: -84.226
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#00a1f2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00a1f2 to White#00a1f2 to Black#00a1f2 foreground
<p style="color: #00a1f2">#00a1f2 foreground</p>
#00a1f2 background
<p style="background-color: #00a1f2; color: #fff">#00a1f2 background</p>
#00a1f2 border
<p style="border: #00a1f2 3px solid">#00a1f2 border</p>
#00a1f2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a1f2, #fff); background: -webkit-radial-gradient(50% 50%, #00a1f2, #fff); background: -o-radial-gradient(50% 50%, #00a1f2, #fff); background: -ms-radial-gradient(50% 50%, #00a1f2, #fff); background: radial-gradient(50% 50%, #00a1f2, #fff); color: #fff">#00a1f2 radial gradient</p>
#00a1f2 linear gradient to complementary #f15000
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a1f2, #f15000); background: -webkit-linear-gradient(top, #00a1f2, #f15000); background: -o-linear-gradient(top, #00a1f2, #f15000); background: -ms-linear-gradient(top, #00a1f2, #f15000); background: linear-gradient(top, #00a1f2, #f15000); color: #fff">#00a1f2 linear gradient to complementary #f15000</p>
#00a1f2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00a1f2">#00a1f2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00a1f2 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 #00a1f2.
Jump to paint brand: