Color Charts
RGB
CMYK
RYB
#02b6d0 Hex Color CodeThe hexadecimal color code #02b6d0 is a shade of cyan. In the RGB color model #02b6d0 is comprised of 0.78% red, 71.37% green and 81.57% blue. In the HSL color space #02b6d0 has a hue of 187.57 degrees, 98.1% saturation and 41.18% lightness. This color has an approximate wavelength of 502 nm.
#02b6d0 Color InformationInverted
#fd492f 25% Saturated
#00b7d2 Grayscale
#696969
25% Lighter
#09ddfc Original
#02b6d0 25% Darker
#01889b
darkturquoise
#00ced1 25% Desaturated
#1ba2b6 Web Safe: teal
#008080
rgb(2, 182, 208)
rgba(2, 182, 208, 1.0)
red: 0.7843%, yellow: 38.4558%, blue: 81.5686%
#02b6d0
177872
-16599344 / 0xff02b6d0
hsl(188, 98%, 41%)
hsla(188, 98%, 41%, 1.0)
hue: 188 (187.5728), saturation: 99 (99.0385), value: 82 (81.5686)
X: 28.1381, Y: 38.0229, Z: 65.5306
x: 0.2137, y: 0.2887, Y: 38.0229
L: 68.0375, a: -28.9915, b: -23.967
L: 68.0375, u: -49.7765, v: -33.5471
L: 68.0375, C: 37.6155, H: 219.5802
L: 61.6627, a: -26.4559, b: -19.8452
cyan: 99 (0.9904), magenta: 12 (0.125), yellow: 0 (0), key: 18 (0.1843)
cyan: 99 (0.9922), magenta: 29 (0.2863), yellow: 18 (0.1843)
Y: 131.144, I: -115.5817, Q: -29.9726
Y: 131.144, U: 37.8212, V: -113.3003
Y: 131.144, Db: 115.658, Dr: 245.582
Y: 128.626, Cb: 166.054, Cr: 47.134
Y: 145.532, Pb: 33.7, Pr: -91.196
2.5B 7/8 approximate; exact match: Munsell 2.5B 7/8 / #3abedb
#02b6d0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b6d0 to White#02b6d0 to Black#02b6d0 foreground
<p style="color: #02b6d0; background-color: #000">#02b6d0 foreground</p>
#02b6d0 background
<p style="background-color: #02b6d0">#02b6d0 background</p>
#02b6d0 border
<p style="border: #02b6d0 3px solid">#02b6d0 border</p>
#02b6d0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b6d0, #fff); background: -webkit-radial-gradient(50% 50%, #02b6d0, #fff); background: -o-radial-gradient(50% 50%, #02b6d0, #fff); background: -ms-radial-gradient(50% 50%, #02b6d0, #fff); background: radial-gradient(50% 50%, #02b6d0, #fff)">#02b6d0 radial gradient</p>
#02b6d0 linear gradient to complementary #d01c01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b6d0, #d01c01); background: -webkit-linear-gradient(top, #02b6d0, #d01c01); background: -o-linear-gradient(top, #02b6d0, #d01c01); background: -ms-linear-gradient(top, #02b6d0, #d01c01); background: linear-gradient(top, #02b6d0, #d01c01); color: #000">#02b6d0 linear gradient to complementary #d01c01</p>
#02b6d0 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b6d0">#02b6d0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b6d0 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 #02b6d0.
Jump to paint brand: