#02cdbf
Hex Color CodeThe hexadecimal color code #02cdbf
is a shade of cyan. In the RGB color model #02cdbf
is comprised of 0.78% red, 80.39% green and 74.9% blue. In the HSL color space #02cdbf
has a hue of 175.86 degrees, 98.07% saturation and 40.59% lightness. This color has an approximate wavelength of 509 nm.
#02cdbf
Color InformationInverted
#fd3240 25% Saturated
#00cfc0 Grayscale
#676767
25% Lighter
#06fceb Original
#02cdbf 25% Darker
#01998f
mediumturquoise
#48d1cc 25% Desaturated
#1bb3a9 Web Safe: aqua
#00ffff
rgb(2, 205, 191)
rgba(2, 205, 191, 1.0)
red: 0.7843%, yellow: 42.0098%, blue: 80.3922%
#02cdbf
183743
-16593473 / 0xff02cdbf
hsl(176, 98%, 41%)
hsla(176, 98%, 41%, 1.0)
hue: 176 (175.8621), saturation: 99 (99.0244), value: 80 (80.3922)
X: 31.2603, Y: 47.4371, Z: 56.7989
x: 0.2307, y: 0.3501, Y: 47.4371
L: 74.4685, a: -44.816, b: -5.0188
L: 74.4685, u: -58.9716, v: -0.8026
L: 74.4685, C: 45.0962, H: 186.3898
L: 68.8746, a: -39.5143, b: -0.6825
cyan: 99 (0.9902), magenta: 0 (0), yellow: 7 (0.0683), key: 20 (0.1961)
cyan: 99 (0.9922), magenta: 20 (0.1961), yellow: 25 (0.251)
Y: 142.707, I: -116.4327, Q: -47.2815
Y: 142.707, U: 23.7654, V: -123.4449
Y: 142.707, Db: 72.688, Dr: 267.561
Y: 138.552, Cb: 151.898, Cr: 39.877
Y: 160.753, Pb: 16.345, Pr: -100.856
2.5BG 7/10 (approximate)
#02cdbf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02cdbf
to White#02cdbf
to Black#02cdbf
foreground
<p style="color: #02cdbf; background-color: #000">#02cdbf foreground</p>
#02cdbf
background
<p style="background-color: #02cdbf">#02cdbf background</p>
#02cdbf
border
<p style="border: #02cdbf 3px solid">#02cdbf border</p>
#02cdbf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02cdbf, #fff); background: -webkit-radial-gradient(50% 50%, #02cdbf, #fff); background: -o-radial-gradient(50% 50%, #02cdbf, #fff); background: -ms-radial-gradient(50% 50%, #02cdbf, #fff); background: radial-gradient(50% 50%, #02cdbf, #fff)">#02cdbf radial gradient</p>
#02cdbf
linear gradient to complementary #cc0210
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02cdbf, #cc0210); background: -webkit-linear-gradient(top, #02cdbf, #cc0210); background: -o-linear-gradient(top, #02cdbf, #cc0210); background: -ms-linear-gradient(top, #02cdbf, #cc0210); background: linear-gradient(top, #02cdbf, #cc0210); color: #000">
#02cdbf
linear gradient to complementary #cc0210
</p>
#02cdbf
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02cdbf">#02cdbf text shadow</p>
The matching paint colors are listed in order of relevancy to the #02cdbf
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 #02cdbf
.
Jump to paint brand: