#02daa0
Hex Color CodeThe hexadecimal color code #02daa0
is a shade of green-cyan. In the RGB color model #02daa0
is comprised of 0.78% red, 85.49% green and 62.75% blue. In the HSL color space #02daa0
has a hue of 163.89 degrees, 98.18% saturation and 43.14% lightness. This color has an approximate wavelength of 517 nm.
#02daa0
Color InformationInverted
#fd255f 25% Saturated
#00dba0 Grayscale
#6d6d6d
25% Lighter
#16fcbe Original
#02daa0 25% Darker
#01a377
mediumaquamarine
#66cdaa 25% Desaturated
#1dbe93 Web Safe: lime
#00ff00
rgb(2, 218, 160)
rgba(2, 218, 160, 1.0)
red: 0.7843%, yellow: 49.7054%, blue: 85.4902%
#02daa0
187040
-16590176 / 0xff02daa0
hsl(164, 98%, 43%)
hsla(164, 98%, 43%, 1.0)
hue: 164 (163.8889), saturation: 99 (99.0826), value: 85 (85.4902)
X: 31.4416, Y: 52.6938, Z: 41.7715
x: 0.2497, y: 0.4185, Y: 52.6938
L: 77.6939, a: -58.0525, b: 16.2174
L: 77.6939, u: -65.7094, v: 32.6876
L: 77.6939, C: 60.2751, H: 164.3919
L: 72.5905, a: -49.7184, b: 16.6955
cyan: 99 (0.9908), magenta: 0 (0), yellow: 27 (0.2661), key: 15 (0.1451)
cyan: 99 (0.9922), magenta: 15 (0.1451), yellow: 37 (0.3725)
Y: 146.804, I: -110.0414, Q: -63.7203
Y: 146.804, U: 6.4943, V: -127.0394
Y: 146.804, Db: 19.886, Dr: 275.342
Y: 142.066, Cb: 134.506, Cr: 37.294
Y: 167.816, Pb: -4.16, Pr: -105.332
5G 8/12 (approximate)
#02daa0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02daa0
to White#02daa0
to Black#02daa0
foreground
<p style="color: #02daa0; background-color: #000">#02daa0 foreground</p>
#02daa0
background
<p style="background-color: #02daa0">#02daa0 background</p>
#02daa0
border
<p style="border: #02daa0 3px solid">#02daa0 border</p>
#02daa0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02daa0, #fff); background: -webkit-radial-gradient(50% 50%, #02daa0, #fff); background: -o-radial-gradient(50% 50%, #02daa0, #fff); background: -ms-radial-gradient(50% 50%, #02daa0, #fff); background: radial-gradient(50% 50%, #02daa0, #fff)">#02daa0 radial gradient</p>
#02daa0
linear gradient to complementary #da013b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02daa0, #da013b); background: -webkit-linear-gradient(top, #02daa0, #da013b); background: -o-linear-gradient(top, #02daa0, #da013b); background: -ms-linear-gradient(top, #02daa0, #da013b); background: linear-gradient(top, #02daa0, #da013b); color: #000">
#02daa0
linear gradient to complementary #da013b
</p>
#02daa0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02daa0">#02daa0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02daa0
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 #02daa0
.
Jump to paint brand: