#02dccf
Hex Color CodeThe hexadecimal color code #02dccf
is a shade of cyan. In the RGB color model #02dccf
is comprised of 0.78% red, 86.27% green and 81.18% blue. In the HSL color space #02dccf
has a hue of 176.42 degrees, 98.2% saturation and 43.53% lightness. This color has an approximate wavelength of 509 nm.
#02dccf
Color InformationInverted
#fd2330 25% Saturated
#00ded0 Grayscale
#6f6f6f
25% Lighter
#18fcef Original
#02dccf 25% Darker
#01a59b
turquoise
#40e0d0 25% Desaturated
#1dc0b6 Web Safe: aqua
#00ffff
rgb(2, 220, 207)
rgba(2, 220, 207, 1.0)
red: 0.7843%, yellow: 44.8431%, blue: 86.2745%
#02dccf
187599
-16589617 / 0xff02dccf
hsl(176, 98%, 44%)
hsla(176, 98%, 44%, 1.0)
hue: 176 (176.422), saturation: 99 (99.0909), value: 86 (86.2745)
X: 36.8807, Y: 55.7043, Z: 67.8397
x: 0.2299, y: 0.3472, Y: 55.7043
L: 79.4452, a: -46.712, b: -6.2589
L: 79.4452, u: -62.7235, v: -2.4711
L: 79.4452, C: 47.1295, H: 187.6316
L: 74.6353, a: -42.4068, b: -1.6469
cyan: 99 (0.9909), magenta: 0 (0), yellow: 6 (0.0591), key: 14 (0.1373)
cyan: 99 (0.9922), magenta: 14 (0.1373), yellow: 19 (0.1882)
Y: 153.336, I: -125.6897, Q: -50.1422
Y: 153.336, U: 26.4085, V: -132.7699
Y: 153.336, Db: 80.771, Dr: 287.773
Y: 147.68, Cb: 154.557, Cr: 33.221
Y: 172.63, Pb: 18.57, Pr: -108.402
5BG 8/10 (approximate)
#02dccf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02dccf
to White#02dccf
to Black#02dccf
foreground
<p style="color: #02dccf; background-color: #000">#02dccf foreground</p>
#02dccf
background
<p style="background-color: #02dccf">#02dccf background</p>
#02dccf
border
<p style="border: #02dccf 3px solid">#02dccf border</p>
#02dccf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02dccf, #fff); background: -webkit-radial-gradient(50% 50%, #02dccf, #fff); background: -o-radial-gradient(50% 50%, #02dccf, #fff); background: -ms-radial-gradient(50% 50%, #02dccf, #fff); background: radial-gradient(50% 50%, #02dccf, #fff)">#02dccf radial gradient</p>
#02dccf
linear gradient to complementary #dc010f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02dccf, #dc010f); background: -webkit-linear-gradient(top, #02dccf, #dc010f); background: -o-linear-gradient(top, #02dccf, #dc010f); background: -ms-linear-gradient(top, #02dccf, #dc010f); background: linear-gradient(top, #02dccf, #dc010f); color: #000">
#02dccf
linear gradient to complementary #dc010f
</p>
#02dccf
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02dccf">#02dccf text shadow</p>
The matching paint colors are listed in order of relevancy to the #02dccf
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 #02dccf
.
Jump to paint brand: