#00e580
Hex Color CodeThe hexadecimal color code #00e580
is a shade of green-cyan. In the RGB color model #00e580
is comprised of 0% red, 89.8% green and 50.2% blue. In the HSL color space #00e580
has a hue of 153.54 degrees, 100% saturation and 44.9% lightness. This color has an approximate wavelength of 523 nm.
#00e580
Color InformationInverted
#ff1a7f 25% Saturated
#00e57f Grayscale
#727272
25% Lighter
#1fff9c Original
#00e580 25% Darker
#00ab5f
mediumspringgreen
#00fa9a 25% Desaturated
#1cc87c Web Safe: lime
#00ff00
rgb(0, 229, 128)
rgba(0, 229, 128, 1.0)
red: 0%, yellow: 57.6053%, blue: 89.8039%
#00e580
58752
-16718464 / 0xff00e580
hsl(154, 100%, 45%)
hsla(154, 100%, 45%, 1.0)
hue: 154 (153.5371), saturation: 100 (100), value: 90 (89.8039)
X: 31.9156, Y: 57.5971, Z: 29.8573
x: 0.2674, y: 0.4825, Y: 57.5971
L: 80.5143, a: -68.4805, b: 36.4687
L: 80.5143, u: -71.4801, v: 60.388
L: 80.5143, C: 77.5857, H: 151.9628
L: 75.8928, a: -57.7468, b: 29.7994
cyan: 100 (1), magenta: 0 (0), yellow: 44 (0.441), key: 10 (0.102)
cyan: 100 (1), magenta: 10 (0.102), yellow: 50 (0.498)
Y: 149.015, I: -103.9714, Q: -79.8481
Y: 149.015, U: -10.3409, V: -130.734
Y: 149.015, Db: -31.583, Dr: 283.34
Y: 143.96, Cb: 117.553, Cr: 34.64
Y: 172.951, Pb: -24.165, Pr: -109.854
2.5G 8/14 (approximate)
#00e580
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00e580
to White#00e580
to Black#00e580
foreground
<p style="color: #00e580; background-color: #000">#00e580 foreground</p>
#00e580
background
<p style="background-color: #00e580">#00e580 background</p>
#00e580
border
<p style="border: #00e580 3px solid">#00e580 border</p>
#00e580
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00e580, #fff); background: -webkit-radial-gradient(50% 50%, #00e580, #fff); background: -o-radial-gradient(50% 50%, #00e580, #fff); background: -ms-radial-gradient(50% 50%, #00e580, #fff); background: radial-gradient(50% 50%, #00e580, #fff)">#00e580 radial gradient</p>
#00e580
linear gradient to complementary #e50064
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00e580, #e50064); background: -webkit-linear-gradient(top, #00e580, #e50064); background: -o-linear-gradient(top, #00e580, #e50064); background: -ms-linear-gradient(top, #00e580, #e50064); background: linear-gradient(top, #00e580, #e50064); color: #000">
#00e580
linear gradient to complementary #e50064
</p>
#00e580
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00e580">#00e580 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00e580
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 #00e580
.
Jump to paint brand: