#02dfb9
Hex Color CodeThe hexadecimal color code #02dfb9
is a shade of green-cyan. In the RGB color model #02dfb9
is comprised of 0.78% red, 87.45% green and 72.55% blue. In the HSL color space #02dfb9
has a hue of 169.68 degrees, 98.22% saturation and 44.12% lightness. This color has an approximate wavelength of 513 nm.
#02dfb9
Color InformationInverted
#fd2046 25% Saturated
#00e1ba Grayscale
#707070
25% Lighter
#1cfcd6 Original
#02dfb9 25% Darker
#01a78a
turquoise
#40e0d0 25% Desaturated
#1dc3a6 Web Safe: aqua
#00ffff
rgb(2, 223, 185)
rgba(2, 223, 185, 1.0)
red: 0.7843%, yellow: 48.1936%, blue: 87.451%
#02dfb9
188345
-16588871 / 0xff02dfb9
hsl(170, 98%, 44%)
hsla(170, 98%, 44%, 1.0)
hue: 170 (169.6833), saturation: 99 (99.1031), value: 87 (87.451)
X: 35.1697, Y: 56.291, Z: 54.9106
x: 0.2403, y: 0.3846, Y: 56.291
L: 79.7792, a: -53.8808, b: 5.9418
L: 79.7792, u: -65.4684, v: 17.4313
L: 79.7792, C: 54.2074, H: 173.707
L: 75.0274, a: -47.6246, b: 9.1263
cyan: 99 (0.991), magenta: 0 (0), yellow: 17 (0.1704), key: 13 (0.1255)
cyan: 99 (0.9922), magenta: 13 (0.1255), yellow: 27 (0.2745)
Y: 152.589, I: -119.4452, Q: -58.5549
Y: 152.589, U: 15.95, V: -132.1146
Y: 152.589, Db: 48.796, Dr: 286.347
Y: 147.036, Cb: 144.026, Cr: 33.679
Y: 173.191, Pb: 6.415, Pr: -108.752
7.5G 8/10 approximate; exact match: Munsell 7.5G 8/10 / #46e1b9
#02dfb9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02dfb9
to White#02dfb9
to Black#02dfb9
foreground
<p style="color: #02dfb9; background-color: #000">#02dfb9 foreground</p>
#02dfb9
background
<p style="background-color: #02dfb9">#02dfb9 background</p>
#02dfb9
border
<p style="border: #02dfb9 3px solid">#02dfb9 border</p>
#02dfb9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02dfb9, #fff); background: -webkit-radial-gradient(50% 50%, #02dfb9, #fff); background: -o-radial-gradient(50% 50%, #02dfb9, #fff); background: -ms-radial-gradient(50% 50%, #02dfb9, #fff); background: radial-gradient(50% 50%, #02dfb9, #fff)">#02dfb9 radial gradient</p>
#02dfb9
linear gradient to complementary #df0128
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02dfb9, #df0128); background: -webkit-linear-gradient(top, #02dfb9, #df0128); background: -o-linear-gradient(top, #02dfb9, #df0128); background: -ms-linear-gradient(top, #02dfb9, #df0128); background: linear-gradient(top, #02dfb9, #df0128); color: #000">
#02dfb9
linear gradient to complementary #df0128
</p>
#02dfb9
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02dfb9">#02dfb9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02dfb9
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 #02dfb9
.
Jump to paint brand: