Color Charts
RGB
CMYK
RYB
#02c9c2 Hex Color CodeThe hexadecimal color code #02c9c2 is a medium dark shade of cyan. In the RGB color model #02c9c2 is comprised of 0.78% red, 78.82% green and 76.08% blue. In the HSL color space #02c9c2 has a hue of 177.89 degrees, 98.03% saturation and 39.8% lightness. This color has an approximate wavelength of 508 nm.
#02c9c2 Color InformationInverted
#fd363d 25% Saturated
#00cbc3 Grayscale
#656565
25% Lighter
#02fbf2 Original
#02c9c2 25% Darker
#019691
darkturquoise
#00ced1 25% Desaturated
#1ab0aa Web Safe: aqua
#00ffff
rgb(2, 201, 194)
rgba(2, 201, 194, 1.0)
red: 0.7843%, yellow: 40.5025%, blue: 78.8235%
#02c9c2
182722
-16594494 / 0xff02c9c2
hsl(178, 98%, 40%)
hsla(178, 98%, 40%, 1.0)
hue: 178 (177.8894), saturation: 99 (99.005), value: 79 (78.8235)
X: 30.6493, Y: 45.6812, Z: 58.2409
x: 0.2278, y: 0.3395, Y: 45.6812
L: 73.3382, a: -42.2076, b: -8.3187
L: 73.3382, u: -57.3769, v: -6.3854
L: 73.3382, C: 43.0196, H: 191.1496
L: 67.5879, a: -37.3339, b: -3.779
cyan: 99 (0.99), magenta: 0 (0), yellow: 3 (0.0348), key: 21 (0.2118)
cyan: 99 (0.9922), magenta: 21 (0.2118), yellow: 24 (0.2392)
Y: 140.701, I: -116.2986, Q: -44.2577
Y: 140.701, U: 26.2289, V: -121.6849
Y: 140.701, Db: 80.219, Dr: 263.748
Y: 136.83, Cb: 154.379, Cr: 41.136
Y: 158.109, Pb: 19.385, Pr: -99.178
5BG 7/10 (approximate)
#02c9c2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c9c2 to White#02c9c2 to Black#02c9c2 foreground
<p style="color: #02c9c2; background-color: #000">#02c9c2 foreground</p>
#02c9c2 background
<p style="background-color: #02c9c2">#02c9c2 background</p>
#02c9c2 border
<p style="border: #02c9c2 3px solid">#02c9c2 border</p>
#02c9c2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c9c2, #fff); background: -webkit-radial-gradient(50% 50%, #02c9c2, #fff); background: -o-radial-gradient(50% 50%, #02c9c2, #fff); background: -ms-radial-gradient(50% 50%, #02c9c2, #fff); background: radial-gradient(50% 50%, #02c9c2, #fff)">#02c9c2 radial gradient</p>
#02c9c2 linear gradient to complementary #c90108
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c9c2, #c90108); background: -webkit-linear-gradient(top, #02c9c2, #c90108); background: -o-linear-gradient(top, #02c9c2, #c90108); background: -ms-linear-gradient(top, #02c9c2, #c90108); background: linear-gradient(top, #02c9c2, #c90108); color: #000">#02c9c2 linear gradient to complementary #c90108</p>
#02c9c2 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c9c2">#02c9c2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c9c2 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 #02c9c2.
Jump to paint brand: