#02aaf7
Hex Color CodeThe hexadecimal color code #02aaf7
is a shade of cyan. In the RGB color model #02aaf7
is comprised of 0.78% red, 66.67% green and 96.86% blue. In the HSL color space #02aaf7
has a hue of 198.86 degrees, 98.39% saturation and 48.82% lightness. This color has an approximate wavelength of 495 nm.
#02aaf7
Color InformationInverted
#fd5508 25% Saturated
#00aaf9 Grayscale
#7c7c7c
25% Lighter
#39bffd Original
#02aaf7 25% Darker
#017fb9
deepskyblue
#00bfff 25% Desaturated
#209ed8 Web Safe: fuchsia
#ff00ff
rgb(2, 170, 247)
rgba(2, 170, 247, 1.0)
red: 0.7843%, yellow: 39.8671%, blue: 96.8627%
#02aaf7
174839
-16602377 / 0xff02aaf7
hsl(199, 98%, 49%)
hsla(199, 98%, 49%, 1.0)
hue: 199 (198.8571), saturation: 99 (99.1903), value: 97 (96.8627)
X: 31.1883, Y: 35.4778, Z: 93.1998
x: 0.1951, y: 0.2219, Y: 35.4778
L: 66.1189, a: -9.0919, b: -48.3112
L: 66.1189, u: -42.8439, v: -76.972
L: 66.1189, C: 49.1593, H: 259.3419
L: 59.5632, a: -10.7701, b: -51.078
cyan: 99 (0.9919), magenta: 31 (0.3117), yellow: 0 (0), key: 3 (0.0314)
cyan: 99 (0.9922), magenta: 33 (0.3333), yellow: 3 (0.0314)
Y: 128.546, I: -124.8175, Q: -11.5672
Y: 128.546, U: 58.2915, V: -111.0208
Y: 128.546, Db: 178.241, Dr: 240.653
Y: 126.4, Cb: 186.667, Cr: 48.781
Y: 139.76, Pb: 57.82, Pr: -87.542
10B 6/12 (approximate)
#02aaf7
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aaf7
to White#02aaf7
to Black#02aaf7
foreground
<p style="color: #02aaf7; background-color: #000">#02aaf7 foreground</p>
#02aaf7
background
<p style="background-color: #02aaf7">#02aaf7 background</p>
#02aaf7
border
<p style="border: #02aaf7 3px solid">#02aaf7 border</p>
#02aaf7
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aaf7, #fff); background: -webkit-radial-gradient(50% 50%, #02aaf7, #fff); background: -o-radial-gradient(50% 50%, #02aaf7, #fff); background: -ms-radial-gradient(50% 50%, #02aaf7, #fff); background: radial-gradient(50% 50%, #02aaf7, #fff)">#02aaf7 radial gradient</p>
#02aaf7
linear gradient to complementary #f74e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aaf7, #f74e01); background: -webkit-linear-gradient(top, #02aaf7, #f74e01); background: -o-linear-gradient(top, #02aaf7, #f74e01); background: -ms-linear-gradient(top, #02aaf7, #f74e01); background: linear-gradient(top, #02aaf7, #f74e01); color: #000">
#02aaf7
linear gradient to complementary #f74e01
</p>
#02aaf7
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02aaf7">#02aaf7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aaf7
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 #02aaf7
.
Jump to paint brand: