#00FF00 Color (Hex and RGB)
#00FF00
#00ff00 has RGB values (0, 255, 0). This hex code is also a web-safe color equal to #0f0. The color reads primarily as green in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #00FF00 | R00GFFB00 | |
| RGB | rgb(0 255 0) | R0G255B0 | |
| HSL | hsl(120 100% 50%) | H120°S100%L50% | |
| OKLCH | oklch(87% 0.29 142) | L0.87C0.29H142° | |
| HSV | hsv(120, 100%, 100%) | H120°S100%V100% | |
| CMYK | cmyk(100%, 0%, 100%, 0%) | C100%M0%Y100%K0% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00000000 | 11111111 | 00000000 |
| Octal | 0 | 377 | 0 |
| Decimal | 0 | 255 | 0 |
| Hex | 00 | ff | 00 |
Shades & tints
Shades mix #00FF00 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #00FF000%
- #00E9009%
- #00D40017%
- #00BE0026%
- #00A80034%
- #00930043%
- #007D0051%
- #00670059%
- #00520068%
- #003C0077%
- #00260085%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#00FF00 on #FFFFFF
1.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#00FF00 on #000000
15.30:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #00FF00
1.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #00FF00
15.30:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #00ff00; - Background
background-color: #00ff00; - CSS variable
--color-00ff00: #00ff00; - Modern CSS
color: oklch(87% 0.29 142); - SCSS
$color-00ff00: #00ff00; - Tailwind
bg-[#00ff00] text-[#00ff00] - HTML
<div style="background-color: #00ff00"></div>