#02daa5
Hex Color CodeThe hexadecimal color code #02daa5
is a shade of green-cyan. In the RGB color model #02daa5
is comprised of 0.78% red, 85.49% green and 64.71% blue. In the HSL color space #02daa5
has a hue of 165.28 degrees, 98.18% saturation and 43.14% lightness. This color has an approximate wavelength of 516 nm.
#02daa5
Color InformationInverted
#fd255a 25% Saturated
#00dba6 Grayscale
#6d6d6d
25% Lighter
#16fcc4 Original
#02daa5 25% Darker
#01a37b
mediumaquamarine
#66cdaa 25% Desaturated
#1dbe97 Web Safe: lime
#00ff00
rgb(2, 218, 165)
rgba(2, 218, 165, 1.0)
red: 0.7843%, yellow: 49.06%, blue: 85.4902%
#02daa5
187045
-16590171 / 0xff02daa5
hsl(165, 98%, 43%)
hsla(165, 98%, 43%, 1.0)
hue: 165 (165.2778), saturation: 99 (99.0826), value: 85 (85.4902)
X: 31.888, Y: 52.8723, Z: 44.122
x: 0.2474, y: 0.4102, Y: 52.8723
L: 77.7996, a: -56.8794, b: 13.7234
L: 77.7996, u: -65.3401, v: 29.0468
L: 77.7996, C: 58.5115, H: 166.4354
L: 72.7134, a: -48.9684, b: 14.9225
cyan: 99 (0.9908), magenta: 0 (0), yellow: 24 (0.2431), key: 15 (0.1451)
cyan: 99 (0.9922), magenta: 15 (0.1451), yellow: 35 (0.3529)
Y: 147.374, I: -111.6477, Q: -62.1647
Y: 147.374, U: 8.6743, V: -127.5395
Y: 147.374, Db: 26.551, Dr: 276.427
Y: 142.556, Cb: 136.701, Cr: 36.939
Y: 168.176, Pb: -1.66, Pr: -105.562
5G 8/12 (approximate)
#02daa5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02daa5
to White#02daa5
to Black#02daa5
foreground
<p style="color: #02daa5; background-color: #000">#02daa5 foreground</p>
#02daa5
background
<p style="background-color: #02daa5">#02daa5 background</p>
#02daa5
border
<p style="border: #02daa5 3px solid">#02daa5 border</p>
#02daa5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02daa5, #fff); background: -webkit-radial-gradient(50% 50%, #02daa5, #fff); background: -o-radial-gradient(50% 50%, #02daa5, #fff); background: -ms-radial-gradient(50% 50%, #02daa5, #fff); background: radial-gradient(50% 50%, #02daa5, #fff)">#02daa5 radial gradient</p>
#02daa5
linear gradient to complementary #da0136
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02daa5, #da0136); background: -webkit-linear-gradient(top, #02daa5, #da0136); background: -o-linear-gradient(top, #02daa5, #da0136); background: -ms-linear-gradient(top, #02daa5, #da0136); background: linear-gradient(top, #02daa5, #da0136); color: #000">
#02daa5
linear gradient to complementary #da0136
</p>
#02daa5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02daa5">#02daa5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02daa5
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 #02daa5
.
Jump to paint brand: