Color Charts
RGB
CMYK
RYB
#02aad1 Hex Color CodeThe hexadecimal color code #02aad1 is a shade of cyan. In the RGB color model #02aad1 is comprised of 0.78% red, 66.67% green and 81.96% blue. In the HSL color space #02aad1 has a hue of 191.3 degrees, 98.1% saturation and 41.37% lightness. This color has an approximate wavelength of 500 nm.
#02aad1 Color InformationInverted
#fd552e 25% Saturated
#00abd3 Grayscale
#696969
25% Lighter
#0bcffc Original
#02aad1 25% Darker
#017f9c
deepskyblue
#00bfff 25% Desaturated
#1b99b7 Web Safe: teal
#008080
rgb(2, 170, 209)
rgba(2, 170, 209, 1.0)
red: 0.7843%, yellow: 37.1514%, blue: 81.9608%
#02aad1
174801
-16602415 / 0xff02aad1
hsl(191, 98%, 41%)
hsla(191, 98%, 41%, 1.0)
hue: 191 (191.3043), saturation: 99 (99.0431), value: 82 (81.9608)
X: 25.9084, Y: 33.3658, Z: 65.3963
x: 0.2078, y: 0.2676, Y: 33.3658
L: 64.456, a: -22.5999, b: -30.0265
L: 64.456, u: -45.5994, v: -44.2053
L: 64.456, C: 37.5812, H: 233.0325
L: 57.7631, a: -21.0233, b: -26.6908
cyan: 99 (0.9904), magenta: 19 (0.1866), yellow: 0 (0), key: 18 (0.1804)
cyan: 99 (0.9922), magenta: 33 (0.3333), yellow: 18 (0.1804)
Y: 124.214, I: -112.6095, Q: -23.3903
Y: 124.214, U: 41.7235, V: -107.2204
Y: 124.214, Db: 127.587, Dr: 232.407
Y: 122.676, Cb: 169.985, Cr: 51.479
Y: 137.024, Pb: 38.82, Pr: -85.794
5B 6/8 approximate; exact match: Munsell 5B 6/8 / #18a1c9
#02aad1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aad1 to White#02aad1 to Black#02aad1 foreground
<p style="color: #02aad1">#02aad1 foreground</p>
#02aad1 background
<p style="background-color: #02aad1; color: #fff">#02aad1 background</p>
#02aad1 border
<p style="border: #02aad1 3px solid">#02aad1 border</p>
#02aad1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aad1, #fff); background: -webkit-radial-gradient(50% 50%, #02aad1, #fff); background: -o-radial-gradient(50% 50%, #02aad1, #fff); background: -ms-radial-gradient(50% 50%, #02aad1, #fff); background: radial-gradient(50% 50%, #02aad1, #fff); color: #fff">#02aad1 radial gradient</p>
#02aad1 linear gradient to complementary #d12901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aad1, #d12901); background: -webkit-linear-gradient(top, #02aad1, #d12901); background: -o-linear-gradient(top, #02aad1, #d12901); background: -ms-linear-gradient(top, #02aad1, #d12901); background: linear-gradient(top, #02aad1, #d12901); color: #fff">#02aad1 linear gradient to complementary #d12901</p>
#02aad1 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02aad1">#02aad1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aad1 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 #02aad1.
Jump to paint brand: