#008000 — Tints, Shades & Color Values
#008000 is a dark, vivid green. It is exactly the CSS named color green. For readable text on a #008000 background, white text gives the strongest contrast (5.14:1). Because it is dark, #008000 suits text, navigation bars, and footers on light backgrounds, and its tints make natural hover and surface colors.
Color Values
| Hex | #008000 |
|---|---|
| RGB | rgb(0, 128, 0) |
| HSL | hsl(120, 100%, 25%) |
| HSV / HSB | 120°, 100%, 50% |
| Nearest named | green (#008000) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #008000 (Mixed with White)
Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.
-
10% tint
#1a8d1a -
20% tint
#339933 -
30% tint
#4da64d -
40% tint
#66b366 -
50% tint
#80c080 -
60% tint
#99cc99 -
70% tint
#b3d9b3 -
80% tint
#cce6cc -
90% tint
#e6f2e6
Shades of #008000 (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#007300 -
20% shade
#006600 -
30% shade
#005a00 -
40% shade
#004d00 -
50% shade
#004000 -
60% shade
#003300 -
70% shade
#002600 -
80% shade
#001a00 -
90% shade
#000d00
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #008000 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).
| Text color | White text 5.14:1 — AA normal: Pass · AA large: Pass · AAA: Fail |
|---|---|
| Black text 4.09:1 — AA normal: Fail · AA large: Pass · AAA: Fail |
If neither pure white nor pure black reaches the level you need, pick a lighter tint of #008000 from the ramps above as the background instead — small lightness moves change contrast quickly.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.