Color Charts
RGB
CMYK
RYB
#02a2fb Hex Color CodeThe hexadecimal color code #02a2fb is a shade of cyan-blue. In the RGB color model #02a2fb is comprised of 0.78% red, 63.53% green and 98.43% blue. In the HSL color space #02a2fb has a hue of 201.45 degrees, 98.42% saturation and 49.61% lightness. This color has an approximate wavelength of 493 nm.
#02a2fb Color InformationInverted
#fd5d04 25% Saturated
#00a2fc Grayscale
#7e7e7e
25% Lighter
#3eb9fd Original
#02a2fb 25% Darker
#0179bc
cornflowerblue
#6495ed 25% Desaturated
#2199db Web Safe: fuchsia
#ff00ff
rgb(2, 162, 251)
rgba(2, 162, 251, 1.0)
red: 0.7843%, yellow: 38.9837%, blue: 98.4314%
#02a2fb
172795
-16604421 / 0xff02a2fb
hsl(201, 98%, 50%)
hsla(201, 98%, 50%, 1.0)
hue: 201 (201.4458), saturation: 99 (99.2032), value: 98 (98.4314)
X: 30.358, Y: 32.8186, Z: 96.0014
x: 0.1907, y: 0.2062, Y: 32.8186
L: 64.0138, a: -3.1058, b: -53.8249
L: 64.0138, u: -39.98, v: -86.5246
L: 64.0138, C: 53.9144, H: 266.6976
L: 57.2875, a: -5.662, b: -59.2558
cyan: 99 (0.992), magenta: 35 (0.3546), yellow: 0 (0), key: 2 (0.0157)
cyan: 99 (0.9922), magenta: 36 (0.3647), yellow: 2 (0.0157)
Y: 124.306, I: -123.907, Q: -6.1419
Y: 124.306, U: 62.3464, V: -107.3009
Y: 124.306, Db: 190.637, Dr: 232.593
Y: 122.76, Cb: 190.751, Cr: 51.441
Y: 134.328, Pb: 62.9, Pr: -84.094
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#02a2fb / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a2fb to White#02a2fb to Black#02a2fb foreground
<p style="color: #02a2fb">#02a2fb foreground</p>
#02a2fb background
<p style="background-color: #02a2fb; color: #fff">#02a2fb background</p>
#02a2fb border
<p style="border: #02a2fb 3px solid">#02a2fb border</p>
#02a2fb radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a2fb, #fff); background: -webkit-radial-gradient(50% 50%, #02a2fb, #fff); background: -o-radial-gradient(50% 50%, #02a2fb, #fff); background: -ms-radial-gradient(50% 50%, #02a2fb, #fff); background: radial-gradient(50% 50%, #02a2fb, #fff); color: #fff">#02a2fb radial gradient</p>
#02a2fb linear gradient to complementary #fb5a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a2fb, #fb5a01); background: -webkit-linear-gradient(top, #02a2fb, #fb5a01); background: -o-linear-gradient(top, #02a2fb, #fb5a01); background: -ms-linear-gradient(top, #02a2fb, #fb5a01); background: linear-gradient(top, #02a2fb, #fb5a01); color: #fff">#02a2fb linear gradient to complementary #fb5a01</p>
#02a2fb text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a2fb">#02a2fb text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a2fb 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 #02a2fb.
Jump to paint brand: