#00d676
Hex Color CodeThe hexadecimal color code #00d676
is a shade of green-cyan. In the RGB color model #00d676
is comprised of 0% red, 83.92% green and 46.27% blue. In the HSL color space #00d676
has a hue of 153.08 degrees, 100% saturation and 41.96% lightness. This color has an approximate wavelength of 524 nm.
#00d676
Color InformationInverted
#ff2989 25% Saturated
#00d676 Grayscale
#6b6b6b
25% Lighter
#0cfe92 Original
#00d676 25% Darker
#00a058
limegreen
#32cd32 25% Desaturated
#1abb73 Web Safe: lime
#00ff00
rgb(0, 214, 118)
rgba(0, 214, 118, 1.0)
red: 0%, yellow: 54.094%, blue: 83.9216%
#00d676
54902
-16722314 / 0xff00d676
hsl(153, 100%, 42%)
hsla(153, 100%, 42%, 1.0)
hue: 153 (153.0841), saturation: 100 (100), value: 84 (83.9216)
X: 27.3166, Y: 49.4011, Z: 25.2352
x: 0.2679, y: 0.4845, Y: 49.4011
L: 75.7002, a: -65.2959, b: 35.2528
L: 75.7002, u: -67.2963, v: 57.4998
L: 75.7002, C: 74.2046, H: 151.6357
L: 70.2859, a: -53.6265, b: 27.9129
cyan: 100 (1), magenta: 0 (0), yellow: 45 (0.4486), key: 16 (0.1608)
cyan: 100 (1), magenta: 16 (0.1608), yellow: 54 (0.5373)
Y: 139.07, I: -96.642, Q: -75.1205
Y: 139.07, U: -10.368, V: -122.009
Y: 139.07, Db: -31.668, Dr: 264.43
Y: 135.42, Cb: 117.528, Cr: 40.87
Y: 161.506, Pb: -23.39, Pr: -102.584
2.5G 7/14 (approximate)
#00d676
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00d676
to White#00d676
to Black#00d676
foreground
<p style="color: #00d676; background-color: #000">#00d676 foreground</p>
#00d676
background
<p style="background-color: #00d676">#00d676 background</p>
#00d676
border
<p style="border: #00d676 3px solid">#00d676 border</p>
#00d676
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00d676, #fff); background: -webkit-radial-gradient(50% 50%, #00d676, #fff); background: -o-radial-gradient(50% 50%, #00d676, #fff); background: -ms-radial-gradient(50% 50%, #00d676, #fff); background: radial-gradient(50% 50%, #00d676, #fff)">#00d676 radial gradient</p>
#00d676
linear gradient to complementary #d6005f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00d676, #d6005f); background: -webkit-linear-gradient(top, #00d676, #d6005f); background: -o-linear-gradient(top, #00d676, #d6005f); background: -ms-linear-gradient(top, #00d676, #d6005f); background: linear-gradient(top, #00d676, #d6005f); color: #000">
#00d676
linear gradient to complementary #d6005f
</p>
#00d676
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00d676">#00d676 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00d676
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 #00d676
.
Jump to paint brand: