# Green Color (#008000)

> Green is a CSS named color defined as hex code #008000.

- **URL**: https://swatchatlas.com/colors/green/
- **Language**: English (en)
- **CSS Name**: `green`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #008000
- **RGB**: rgb(0, 128, 0)
- **HSL**: hsl(120, 100%, 25%)
- **HSV/HSB**: hsv(120, 100%, 50%)
- **CMYK**: cmyk(100%, 0%, 100%, 50%) (digital approximation, non-print)
- **OKLCH**: oklch(0.520 0.177 142.5)

## What Colors Go With Green
Contrast is each color on Green (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 5.14:1, text-safe. The natural text color on green buttons and banners.
- **Ivory (#FFFFF0)**: 5.09:1, text-safe. A softer, warmer alternative to white.
- **Wheat (#F5DEB3)**: 3.91:1, background or accent. A warm beige for natural, earthy palettes.
- **Gold (#FFD700)**: 3.66:1, background or accent. A rich accent, common in heritage and holiday designs.
- **Tan (#D2B48C)**: 2.6:1, background or accent. An earthy neutral that matches the green.
- **Black (#000000)**: 4.09:1, background or accent. Sharp, graphic contrast for bold layouts.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Green**: 4.09:1 (Passes AA for large text only)
- **Pure White (#FFFFFF) text on Green**: 5.14:1 (Passes AA for all text; AAA for large text only)
- **Dark Charcoal (#212529) text on Green**: 3:1 (Passes AA for large text only)
- **Mid Gray (#666666) text on Green**: 1.12:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Green?
Only for large text. Black text on Green has a WCAG 2.2 contrast ratio of 4.09:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### Can I use white text on Green?
Yes. White text on Green has a WCAG 2.2 contrast ratio of 5.14:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### What colors go with Green?
White, Ivory, Wheat, Gold, Tan and Black all go well with Green. White (5.14:1) and Ivory (5.09:1) have enough contrast for text on Green; Wheat, Gold, Tan and Black work better as a background or accent.

### Why is CSS green darker than lime?
CSS defines green as #008000, with the green channel at 128, and gives the full-strength #00FF00 the name lime. So the color most people picture as "screen green" is lime in CSS.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/green-1920x1080.png