Color Charts
RGB
CMYK
RYB
#02a0fc Hex Color CodeThe hexadecimal color code #02a0fc is a shade of cyan-blue. In the RGB color model #02a0fc is comprised of 0.78% red, 62.75% green and 98.82% blue. In the HSL color space #02a0fc has a hue of 202.08 degrees, 98.43% saturation and 49.8% lightness. This color has an approximate wavelength of 493 nm.
#02a0fc Color InformationInverted
#fd5f03 25% Saturated
#00a0fe Grayscale
#7f7f7f
25% Lighter
#40b7fd Original
#02a0fc 25% Darker
#0177bd
cornflowerblue
#6495ed 25% Desaturated
#2197dc Web Safe: fuchsia
#ff00ff
rgb(2, 160, 252)
rgba(2, 160, 252, 1.0)
red: 0.7843%, yellow: 38.7505%, blue: 98.8235%
#02a0fc
172284
-16604932 / 0xff02a0fc
hsl(202, 98%, 50%)
hsla(202, 98%, 50%, 1.0)
hue: 202 (202.08), saturation: 99 (99.2063), value: 99 (98.8235)
X: 30.1665, Y: 32.1828, Z: 96.7174
x: 0.1896, y: 0.2023, Y: 32.1828
L: 63.4937, a: -1.5839, b: -55.1972
L: 63.4937, u: -39.2751, v: -88.8643
L: 63.4937, C: 55.2199, H: 268.3563
L: 56.7299, a: -4.3586, b: -61.3712
cyan: 99 (0.9921), magenta: 37 (0.3651), yellow: 0 (0), key: 1 (0.0118)
cyan: 99 (0.9922), magenta: 37 (0.3725), yellow: 1 (0.0118)
Y: 123.246, I: -123.6793, Q: -4.7856
Y: 123.246, U: 63.3601, V: -106.3709
Y: 123.246, Db: 193.736, Dr: 230.578
Y: 121.85, Cb: 191.772, Cr: 52.106
Y: 132.97, Pb: 64.17, Pr: -83.232
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#02a0fc / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a0fc to White#02a0fc to Black#02a0fc foreground
<p style="color: #02a0fc">#02a0fc foreground</p>
#02a0fc background
<p style="background-color: #02a0fc; color: #fff">#02a0fc background</p>
#02a0fc border
<p style="border: #02a0fc 3px solid">#02a0fc border</p>
#02a0fc radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0fc, #fff); background: -webkit-radial-gradient(50% 50%, #02a0fc, #fff); background: -o-radial-gradient(50% 50%, #02a0fc, #fff); background: -ms-radial-gradient(50% 50%, #02a0fc, #fff); background: radial-gradient(50% 50%, #02a0fc, #fff); color: #fff">#02a0fc radial gradient</p>
#02a0fc linear gradient to complementary #fc5e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0fc, #fc5e01); background: -webkit-linear-gradient(top, #02a0fc, #fc5e01); background: -o-linear-gradient(top, #02a0fc, #fc5e01); background: -ms-linear-gradient(top, #02a0fc, #fc5e01); background: linear-gradient(top, #02a0fc, #fc5e01); color: #fff">#02a0fc linear gradient to complementary #fc5e01</p>
#02a0fc text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0fc">#02a0fc text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a0fc 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 #02a0fc.
Jump to paint brand: