Green
A saturated, high-intensity shade of green
#008000 is a saturated, high-intensity green that commands immediate attention. Because of its strength, use it sparingly as an accent color for calls to action or UI highlights rather than a background. It pairs exceptionally well with muted warm grays to soften its punchiness. This hex code provides sufficient contrast for white text, ensuring readability across digital interfaces.
About Green
Billiard felt under the bright hall lights
What does green mean?
People commonly link this green with growth, luck, sports fields, and go signals, and sometimes with envy. At full saturation and mid-dark lightness, it reads dense and assertive, filling space without needing brightness.
Where you see green
- pool table felt
- artificial turf
- green traffic lights
- poker table felt
- soccer pitches
- green plastic bottles
What it works for
It holds up as a team color, a bold accent block, or a background where energy matters.
What colors go with green?
Coral #ff7f50The red-orange warmth sits opposite on the wheel, so both colors stay loud together.Cream #fffdd0Cream softens the saturation's punch while the green keeps the pairing from feeling washed out.Mustard #ffdb58Two strong midtones that read as retro sportswear rather than holiday decoration.Plum #8e4585The dark purple deepens the pairing, giving the green something richer than plain black.Charcoal #36454fCharcoal absorbs some intensity, leaving the green as the single loud voice in the scheme.
Questions about Green
What is the hex code for Green?
Green is #008000. In RGB that is rgb(0, 128, 0), in HSL hsl(120, 100%, 25%) and in CMYK 100%, 0%, 100%, 50%.
How should I use #008000 in a UI design?
#008000 is extremely saturated, so it is best utilized as an accent color for functional elements like success messages, buttons, or call-to-action highlights. Avoid using it as a large background fill, as its intensity can easily overwhelm the viewer's eyes.
Is Green readable on white or black?
Green has a 5.13:1 contrast ratio on white and 4.08:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.