#02aafd
Hex Color CodeThe hexadecimal color code #02aafd
is a shade of cyan. In the RGB color model #02aafd
is comprised of 0.78% red, 66.67% green and 99.22% blue. In the HSL color space #02aafd
has a hue of 199.84 degrees, 98.43% saturation and 50% lightness. This color has an approximate wavelength of 494 nm.
#02aafd
Color InformationInverted
#fd5502 25% Saturated
#00aaff Grayscale
#7f7f7f
25% Lighter
#41bffd Original
#02aafd 25% Darker
#017fbd
deepskyblue
#00bfff 25% Desaturated
#219fdd Web Safe: fuchsia
#ff00ff
rgb(2, 170, 253)
rgba(2, 170, 253, 1.0)
red: 0.7843%, yellow: 40.2508%, blue: 99.2157%
#02aafd
174845
-16602371 / 0xff02aafd
hsl(200, 98%, 50%)
hsla(200, 98%, 50%, 1.0)
hue: 200 (199.8406), saturation: 99 (99.2095), value: 99 (99.2157)
X: 32.1294, Y: 35.8542, Z: 98.1557
x: 0.1934, y: 0.2158, Y: 35.8542
L: 66.4084, a: -6.9049, b: -51.1201
L: 66.4084, u: -42.443, v: -82.0419
L: 66.4084, C: 51.5844, H: 262.3075
L: 59.8784, a: -9.0081, b: -55.2763
cyan: 99 (0.9921), magenta: 33 (0.3281), yellow: 0 (0), key: 1 (0.0078)
cyan: 99 (0.9922), magenta: 33 (0.3333), yellow: 1 (0.0078)
Y: 129.23, I: -126.7451, Q: -9.7004
Y: 129.23, U: 60.9075, V: -111.6208
Y: 129.23, Db: 186.239, Dr: 241.955
Y: 126.988, Cb: 189.301, Cr: 48.355
Y: 140.192, Pb: 60.82, Pr: -87.818
10B 6/12 (approximate)
#02aafd
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02aafd
to White#02aafd
to Black#02aafd
foreground
<p style="color: #02aafd; background-color: #000">#02aafd foreground</p>
#02aafd
background
<p style="background-color: #02aafd">#02aafd background</p>
#02aafd
border
<p style="border: #02aafd 3px solid">#02aafd border</p>
#02aafd
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02aafd, #fff); background: -webkit-radial-gradient(50% 50%, #02aafd, #fff); background: -o-radial-gradient(50% 50%, #02aafd, #fff); background: -ms-radial-gradient(50% 50%, #02aafd, #fff); background: radial-gradient(50% 50%, #02aafd, #fff)">#02aafd radial gradient</p>
#02aafd
linear gradient to complementary #fd5501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02aafd, #fd5501); background: -webkit-linear-gradient(top, #02aafd, #fd5501); background: -o-linear-gradient(top, #02aafd, #fd5501); background: -ms-linear-gradient(top, #02aafd, #fd5501); background: linear-gradient(top, #02aafd, #fd5501); color: #000">
#02aafd
linear gradient to complementary #fd5501
</p>
#02aafd
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02aafd">#02aafd text shadow</p>
The matching paint colors are listed in order of relevancy to the #02aafd
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 #02aafd
.
Jump to paint brand: