#02a0ed
Hex Color CodeThe hexadecimal color code #02a0ed
is a shade of cyan. In the RGB color model #02a0ed
is comprised of 0.78% red, 62.75% green and 92.94% blue. In the HSL color space #02a0ed
has a hue of 199.66 degrees, 98.33% saturation and 46.86% lightness. This color has an approximate wavelength of 494 nm.
#02a0ed
Color InformationInverted
#fd5f12 25% Saturated
#00a0ee Grayscale
#777777
25% Lighter
#2db9fd Original
#02a0ed 25% Darker
#0177b1
cornflowerblue
#6495ed 25% Desaturated
#1f95cf Web Safe: fuchsia
#ff00ff
rgb(2, 160, 237)
rgba(2, 160, 237, 1.0)
red: 0.7843%, yellow: 37.8347%, blue: 92.9412%
#02a0ed
172269
-16604947 / 0xff02a0ed
hsl(200, 98%, 47%)
hsla(200, 98%, 47%, 1.0)
hue: 200 (199.6596), saturation: 99 (99.1561), value: 93 (92.9412)
X: 27.8819, Y: 31.2689, Z: 84.6867
x: 0.1938, y: 0.2174, Y: 31.2689
L: 62.734, a: -7.1465, b: -48.18
L: 62.734, u: -40.2304, v: -76.3321
L: 62.734, C: 48.7071, H: 261.5629
L: 55.9186, a: -8.8547, b: -50.6495
cyan: 99 (0.9916), magenta: 32 (0.3249), yellow: 0 (0), key: 7 (0.0706)
cyan: 99 (0.9922), magenta: 37 (0.3725), yellow: 7 (0.0706)
Y: 121.536, I: -118.8604, Q: -9.4527
Y: 121.536, U: 56.8201, V: -104.8708
Y: 121.536, Db: 173.741, Dr: 227.323
Y: 120.38, Cb: 185.187, Cr: 53.171
Y: 131.89, Pb: 56.67, Pr: -82.542
10B 6/12 (approximate)
#02a0ed
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a0ed
to White#02a0ed
to Black#02a0ed
foreground
<p style="color: #02a0ed">#02a0ed foreground</p>
#02a0ed
background
<p style="background-color: #02a0ed; color: #fff">#02a0ed background</p>
#02a0ed
border
<p style="border: #02a0ed 3px solid">#02a0ed border</p>
#02a0ed
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a0ed, #fff); background: -webkit-radial-gradient(50% 50%, #02a0ed, #fff); background: -o-radial-gradient(50% 50%, #02a0ed, #fff); background: -ms-radial-gradient(50% 50%, #02a0ed, #fff); background: radial-gradient(50% 50%, #02a0ed, #fff); color: #fff">#02a0ed radial gradient</p>
#02a0ed
linear gradient to complementary #ed4f01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a0ed, #ed4f01); background: -webkit-linear-gradient(top, #02a0ed, #ed4f01); background: -o-linear-gradient(top, #02a0ed, #ed4f01); background: -ms-linear-gradient(top, #02a0ed, #ed4f01); background: linear-gradient(top, #02a0ed, #ed4f01); color: #fff">
#02a0ed
linear gradient to complementary #ed4f01
</p>
#02a0ed
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a0ed">#02a0ed text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a0ed
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 #02a0ed
.
Jump to paint brand: