Online Tools HarborGreen color codes
| CSS name | green |
|---|---|
| HEX | #008000 |
| RGB | rgb(0, 128, 0) |
| HSL | hsl(120, 100%, 25%) |
| CMYK | cmyk(100%, 0%, 100%, 50%) |
| Decimal | 32768 |
Shades of Green (darker)
#007300 · #006600 · #005A00 · #004D00 · #004000 · #003300 · #002600 · #001A00 · #000D00
Tints of Green (lighter)
#1A8D1A · #339933 · #4DA64D · #66B366 · #80C080 · #99CC99 · #B3D9B3 · #CCE6CC · #E6F2E6
Color harmonies
| Complementary | #800080 |
|---|---|
| Triadic | #000080, #800000 |
| Analogous | #408000, #008040 |
Accessibility (WCAG contrast)
| White text on Green | 5.14:1 · AA |
|---|---|
| Black text on Green | 4.09:1 · AA large text only |
Use Green in code
.element {
color: green; /* or #008000 */
background-color: rgb(0 128 0 / 0.5);
}Frequently asked questions
What is the hex code for Green?
Green is #008000 in HEX, rgb(0, 128, 0) in RGB and hsl(120, 100%, 25%) in HSL.
Can I use "green" directly in CSS?
Yes. "green" is one of the 148 standard CSS named colors, so color: green; works in every browser.
Is Green readable on white?
The contrast ratio of Green on white is 5.14:1 (WCAG AA). On black it is 4.09:1 (AA large text only).
What is the complementary color of Green?
The complementary color (opposite on the color wheel) is #800080.
Similar colors
Dark Green#006400Forest Green#228B22Sea Green#2E8B57Dark Olive Green#556B2FDark Slate Gray#2F4F4FDark Slate Grey#2F4F4FLime Green#32CD32Olive Drab#6B8E23
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.