What is color #00ff00?
#00ff00 is Lime, a electric green tone with a neutral character. It is a staple of mid-century palettes and carries the mood of stability.
Historically, this kind of color traces back to verdigris on weathered bronze. Today it appears across garden products and finance and banking.
To make the most of #00ff00, layer it over darker tones for depth, or combine it with analogous neighbors for harmonious palettes.
Conversions for #00ff00
HEX
#00ff00
RGB
0, 255, 0
HSL
120°, 100%, 50%
HSV
120°, 100%, 100%
CMYK
100%, 0%, 100%, 0%
XYZ
35.76, 71.52, 11.92
CIE-Lab
87.74, -86.18, 83.18
Web safe
#00ff00
WCAG accessibility of #00ff00 (Lime)
On white
1.37 : 1
Sample #00ff00
Rating: Fail
On black
15.30 : 1
Sample #00ff00
Rating: AAA
Tones of Lime (desaturated variations of #00ff00)
Color harmonies for #00ff00
Colors similar to #00ff00
Gradients featuring #00ff00
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #00ff00
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #00ff00
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #00ff00.
const color = "#00ff00";
CSS & Tailwind snippets for #00ff00
Background
.bg-00ff00 { background-color: #00ff00; }Text color
.text-00ff00 { color: #00ff00; }Border
.border-00ff00 { border: 1px solid #00ff00; }Box shadow
.shadow-00ff00 { box-shadow: 0 4px 14px #00ff0040; }CSS variable
:root { --color-00ff00: #00ff00; }Tailwind config
colors: {
'lime': '#00ff00',
}