#02b6ee
Hex Color CodeThe hexadecimal color code #02b6ee
is a shade of cyan. In the RGB color model #02b6ee
is comprised of 0.78% red, 71.37% green and 93.33% blue. In the HSL color space #02b6ee
has a hue of 194.24 degrees, 98.33% saturation and 47.06% lightness. This color has an approximate wavelength of 498 nm.
#02b6ee
Color InformationInverted
#fd4911 25% Saturated
#00b7ef Grayscale
#777777
25% Lighter
#2eccfd Original
#02b6ee 25% Darker
#0188b2
deepskyblue
#00bfff 25% Desaturated
#1fa6d0 Web Safe: teal
#008080
rgb(2, 182, 238)
rgba(2, 182, 238, 1.0)
red: 0.7843%, yellow: 40.8296%, blue: 93.3333%
#02b6ee
177902
-16599314 / 0xff02b6ee
hsl(194, 98%, 47%)
hsla(194, 98%, 47%, 1.0)
hue: 194 (194.2373), saturation: 99 (99.1597), value: 93 (93.3333)
X: 32.1856, Y: 39.6418, Z: 86.8442
x: 0.2028, y: 0.2498, Y: 39.6418
L: 69.2137, a: -18.7937, b: -38.5569
L: 69.2137, u: -47.4658, v: -59.6235
L: 69.2137, C: 42.8934, H: 244.0142
L: 62.9618, a: -18.9352, b: -37.7064
cyan: 99 (0.9916), magenta: 24 (0.2353), yellow: 0 (0), key: 7 (0.0667)
cyan: 99 (0.9922), magenta: 29 (0.2863), yellow: 7 (0.0667)
Y: 134.564, I: -125.2196, Q: -20.6385
Y: 134.564, U: 50.9012, V: -116.3006
Y: 134.564, Db: 155.648, Dr: 252.092
Y: 131.566, Cb: 179.224, Cr: 45.004
Y: 147.692, Pb: 48.7, Pr: -92.576
7.5B 7/10 (approximate)
#02b6ee
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b6ee
to White#02b6ee
to Black#02b6ee
foreground
<p style="color: #02b6ee; background-color: #000">#02b6ee foreground</p>
#02b6ee
background
<p style="background-color: #02b6ee">#02b6ee background</p>
#02b6ee
border
<p style="border: #02b6ee 3px solid">#02b6ee border</p>
#02b6ee
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b6ee, #fff); background: -webkit-radial-gradient(50% 50%, #02b6ee, #fff); background: -o-radial-gradient(50% 50%, #02b6ee, #fff); background: -ms-radial-gradient(50% 50%, #02b6ee, #fff); background: radial-gradient(50% 50%, #02b6ee, #fff)">#02b6ee radial gradient</p>
#02b6ee
linear gradient to complementary #ed3a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b6ee, #ed3a01); background: -webkit-linear-gradient(top, #02b6ee, #ed3a01); background: -o-linear-gradient(top, #02b6ee, #ed3a01); background: -ms-linear-gradient(top, #02b6ee, #ed3a01); background: linear-gradient(top, #02b6ee, #ed3a01); color: #000">
#02b6ee
linear gradient to complementary #ed3a01
</p>
#02b6ee
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b6ee">#02b6ee text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b6ee
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 #02b6ee
.
Jump to paint brand: