#02d278
Hex Color CodeThe hexadecimal color code #02d278
is a shade of green-cyan. In the RGB color model #02d278
is comprised of 0.78% red, 82.35% green and 47.06% blue. In the HSL color space #02d278
has a hue of 154.04 degrees, 98.11% saturation and 41.57% lightness. This color has an approximate wavelength of 523 nm.
#02d278
Color InformationInverted
#fd2d87 25% Saturated
#00d378 Grayscale
#696969
25% Lighter
#0cfc94 Original
#02d278 25% Darker
#019d5a
limegreen
#32cd32 25% Desaturated
#1bb874 Web Safe: lime
#00ff00
rgb(2, 210, 120)
rgba(2, 210, 120, 1.0)
red: 0.7843%, yellow: 52.8281%, blue: 82.3529%
#02d278
184952
-16592264 / 0xff02d278
hsl(154, 98%, 42%)
hsla(154, 98%, 42%, 1.0)
hue: 154 (154.0385), saturation: 99 (99.0476), value: 82 (82.3529)
X: 26.4618, Y: 47.4622, Z: 25.5357
x: 0.2661, y: 0.4772, Y: 47.4622
L: 74.4844, a: -63.5338, b: 32.6708
L: 74.4844, u: -65.8115, v: 54.0163
L: 74.4844, C: 71.4417, H: 152.7865
L: 68.8928, a: -52.0003, b: 26.2486
cyan: 99 (0.9905), magenta: 0 (0), yellow: 43 (0.4286), key: 18 (0.1765)
cyan: 99 (0.9922), magenta: 18 (0.1765), yellow: 53 (0.5294)
Y: 137.548, I: -94.9953, Q: -71.985
Y: 137.548, U: -8.6349, V: -118.9191
Y: 137.548, Db: -26.37, Dr: 257.734
Y: 134.114, Cb: 119.274, Cr: 43.078
Y: 159.216, Pb: -21.08, Pr: -99.86
2.5G 7/14 (approximate)
#02d278
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d278
to White#02d278
to Black#02d278
foreground
<p style="color: #02d278; background-color: #000">#02d278 foreground</p>
#02d278
background
<p style="background-color: #02d278">#02d278 background</p>
#02d278
border
<p style="border: #02d278 3px solid">#02d278 border</p>
#02d278
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d278, #fff); background: -webkit-radial-gradient(50% 50%, #02d278, #fff); background: -o-radial-gradient(50% 50%, #02d278, #fff); background: -ms-radial-gradient(50% 50%, #02d278, #fff); background: radial-gradient(50% 50%, #02d278, #fff)">#02d278 radial gradient</p>
#02d278
linear gradient to complementary #d2015b
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d278, #d2015b); background: -webkit-linear-gradient(top, #02d278, #d2015b); background: -o-linear-gradient(top, #02d278, #d2015b); background: -ms-linear-gradient(top, #02d278, #d2015b); background: linear-gradient(top, #02d278, #d2015b); color: #000">
#02d278
linear gradient to complementary #d2015b
</p>
#02d278
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d278">#02d278 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d278
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 #02d278
.
Jump to paint brand: