Color Charts
RGB
CMYK
RYB
#02ccb0 Hex Color CodeThe hexadecimal color code #02ccb0 is a shade of cyan. In the RGB color model #02ccb0 is comprised of 0.78% red, 80% green and 69.02% blue. In the HSL color space #02ccb0 has a hue of 171.68 degrees, 98.06% saturation and 40.39% lightness. This color has an approximate wavelength of 512 nm.
#02ccb0 Color InformationInverted
#fd334f 25% Saturated
#00ceb1 Grayscale
#676767
25% Lighter
#04fcda Original
#02ccb0 25% Darker
#019984
mediumaquamarine
#66cdaa 25% Desaturated
#1bb29d Web Safe: aqua
#00ffff
rgb(2, 204, 176)
rgba(2, 204, 176, 1.0)
red: 0.7843%, yellow: 43.3417%, blue: 80%
#02ccb0
183472
-16593744 / 0xff02ccb0
hsl(172, 98%, 40%)
hsla(172, 98%, 40%, 1.0)
hue: 172 (171.6832), saturation: 99 (99.0196), value: 80 (80)
X: 29.4544, Y: 46.3332, Z: 48.4651
x: 0.2371, y: 0.3729, Y: 46.3332
L: 73.7612, a: -48.546, b: 2.0558
L: 73.7612, u: -59.8291, v: 10.6022
L: 73.7612, C: 48.5895, H: 177.5751
L: 68.0685, a: -41.88, b: 5.4332
cyan: 99 (0.9902), magenta: 0 (0), yellow: 14 (0.1373), key: 20 (0.2)
cyan: 99 (0.9922), magenta: 20 (0.2), yellow: 31 (0.3098)
Y: 140.41, I: -111.3393, Q: -51.4259
Y: 140.41, U: 17.5143, V: -121.4297
Y: 140.41, Db: 53.576, Dr: 263.19
Y: 136.578, Cb: 145.604, Cr: 41.31
Y: 158.958, Pb: 9.23, Pr: -99.712
10G 7/10 (approximate)
#02ccb0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ccb0 to White#02ccb0 to Black#02ccb0 foreground
<p style="color: #02ccb0; background-color: #000">#02ccb0 foreground</p>
#02ccb0 background
<p style="background-color: #02ccb0">#02ccb0 background</p>
#02ccb0 border
<p style="border: #02ccb0 3px solid">#02ccb0 border</p>
#02ccb0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ccb0, #fff); background: -webkit-radial-gradient(50% 50%, #02ccb0, #fff); background: -o-radial-gradient(50% 50%, #02ccb0, #fff); background: -ms-radial-gradient(50% 50%, #02ccb0, #fff); background: radial-gradient(50% 50%, #02ccb0, #fff)">#02ccb0 radial gradient</p>
#02ccb0 linear gradient to complementary #cc011d
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ccb0, #cc011d); background: -webkit-linear-gradient(top, #02ccb0, #cc011d); background: -o-linear-gradient(top, #02ccb0, #cc011d); background: -ms-linear-gradient(top, #02ccb0, #cc011d); background: linear-gradient(top, #02ccb0, #cc011d); color: #000">#02ccb0 linear gradient to complementary #cc011d</p>
#02ccb0 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ccb0">#02ccb0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ccb0 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 #02ccb0.
Jump to paint brand: