#02aee8
Hex Color CodeThe hexadecimal color code #02aee8
is a shade of cyan. In the RGB color model #02aee8
is comprised of 0.78% red, 68.24% green and 90.98% blue. In the HSL color space #02aee8
has a hue of 195.13 degrees, 98.29% saturation and 45.88% lightness. This color has an approximate wavelength of 497 nm.
#02aee8
Color InformationInverted
#fd5117 25% Saturated
#00aeea Grayscale
#757575
25% Lighter
#27c7fd Original
#02aee8 25% Darker
#0182ae
deepskyblue
#00bfff 25% Desaturated
#1e9fcb Web Safe: teal
#008080
rgb(2, 174, 232)
rgba(2, 174, 232, 1.0)
red: 0.7843%, yellow: 39.3757%, blue: 90.9804%
#02aee8
175848
-16601368 / 0xff02aee8
hsl(195, 98%, 46%)
hsla(195, 98%, 46%, 1.0)
hue: 195 (195.1304), saturation: 99 (99.1379), value: 91 (90.9804)
X: 29.7266, Y: 36.1112, Z: 81.7473
x: 0.2014, y: 0.2447, Y: 36.1112
L: 66.6048, a: -16.6602, b: -39.3531
L: 66.6048, u: -45.2283, v: -60.9233
L: 66.6048, C: 42.7344, H: 247.0546
L: 60.0926, a: -16.8618, b: -38.5907
cyan: 99 (0.9914), magenta: 25 (0.25), yellow: 0 (0), key: 9 (0.0902)
cyan: 99 (0.9922), magenta: 32 (0.3176), yellow: 9 (0.0902)
Y: 129.184, I: -121.0964, Q: -18.3246
Y: 129.184, U: 50.5961, V: -111.5806
Y: 129.184, Db: 154.714, Dr: 241.862
Y: 126.946, Cb: 178.918, Cr: 48.374
Y: 141.54, Pb: 48.78, Pr: -88.668
7.5B 6/10 (approximate)
#02aee8
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aee8
to White#02aee8
to Black#02aee8
foreground
<p style="color: #02aee8; background-color: #000">#02aee8 foreground</p>
#02aee8
background
<p style="background-color: #02aee8">#02aee8 background</p>
#02aee8
border
<p style="border: #02aee8 3px solid">#02aee8 border</p>
#02aee8
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aee8, #fff); background: -webkit-radial-gradient(50% 50%, #02aee8, #fff); background: -o-radial-gradient(50% 50%, #02aee8, #fff); background: -ms-radial-gradient(50% 50%, #02aee8, #fff); background: radial-gradient(50% 50%, #02aee8, #fff)">#02aee8 radial gradient</p>
#02aee8
linear gradient to complementary #e83b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aee8, #e83b01); background: -webkit-linear-gradient(top, #02aee8, #e83b01); background: -o-linear-gradient(top, #02aee8, #e83b01); background: -ms-linear-gradient(top, #02aee8, #e83b01); background: linear-gradient(top, #02aee8, #e83b01); color: #000">
#02aee8
linear gradient to complementary #e83b01
</p>
#02aee8
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02aee8">#02aee8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aee8
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 #02aee8
.
Jump to paint brand: