Color Charts
RGB
CMYK
RYB
#02b2e2 Hex Color CodeThe hexadecimal color code #02b2e2 is a shade of cyan. In the RGB color model #02b2e2 is comprised of 0.78% red, 69.8% green and 88.63% blue. In the HSL color space #02b2e2 has a hue of 192.86 degrees, 98.25% saturation and 44.71% lightness. This color has an approximate wavelength of 499 nm.
#02b2e2 Color InformationInverted
#fd4d1d 25% Saturated
#00b3e3 Grayscale
#717171
25% Lighter
#1fcdfd Original
#02b2e2 25% Darker
#0185a9
deepskyblue
#00bfff 25% Desaturated
#1da1c6 Web Safe: teal
#008080
rgb(2, 178, 226)
rgba(2, 178, 226, 1.0)
red: 0.7843%, yellow: 39.4353%, blue: 88.6275%
#02b2e2
176866
-16600350 / 0xff02b2e2
hsl(193, 98%, 45%)
hsla(193, 98%, 45%, 1.0)
hue: 193 (192.8571), saturation: 99 (99.115), value: 89 (88.6275)
X: 29.6729, Y: 37.3447, Z: 77.5958
x: 0.2052, y: 0.2582, Y: 37.3447
L: 67.5348, a: -20.8733, b: -34.6188
L: 67.5348, u: -47.0204, v: -52.472
L: 67.5348, C: 40.4247, H: 238.9123
L: 61.1103, a: -20.27, b: -32.5073
cyan: 99 (0.9912), magenta: 21 (0.2124), yellow: 0 (0), key: 11 (0.1137)
cyan: 99 (0.9922), magenta: 30 (0.302), yellow: 11 (0.1137)
Y: 130.848, I: -120.2666, Q: -22.2818
Y: 130.848, U: 46.8247, V: -113.0405
Y: 130.848, Db: 143.184, Dr: 245.024
Y: 128.374, Cb: 175.12, Cr: 47.328
Y: 143.968, Pb: 44.24, Pr: -90.208
5B 7/8 approximate; exact match: Munsell 5B 7/8 / #48bce4
#02b2e2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b2e2 to White#02b2e2 to Black#02b2e2 foreground
<p style="color: #02b2e2; background-color: #000">#02b2e2 foreground</p>
#02b2e2 background
<p style="background-color: #02b2e2">#02b2e2 background</p>
#02b2e2 border
<p style="border: #02b2e2 3px solid">#02b2e2 border</p>
#02b2e2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b2e2, #fff); background: -webkit-radial-gradient(50% 50%, #02b2e2, #fff); background: -o-radial-gradient(50% 50%, #02b2e2, #fff); background: -ms-radial-gradient(50% 50%, #02b2e2, #fff); background: radial-gradient(50% 50%, #02b2e2, #fff)">#02b2e2 radial gradient</p>
#02b2e2 linear gradient to complementary #e23201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b2e2, #e23201); background: -webkit-linear-gradient(top, #02b2e2, #e23201); background: -o-linear-gradient(top, #02b2e2, #e23201); background: -ms-linear-gradient(top, #02b2e2, #e23201); background: linear-gradient(top, #02b2e2, #e23201); color: #000">#02b2e2 linear gradient to complementary #e23201</p>
#02b2e2 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b2e2">#02b2e2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b2e2 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 #02b2e2.
Jump to paint brand: