Green Color

Green — The Color of Success and Nature

#008000Green

Color Values

HEX#008000

RGBrgb(0, 128, 0)

HSLhsl(120°, 100%, 25%)

CSSgreen

Shade Palette

#F0FFF4

100

#C6F6D5

300

#68D391

500

#48BB78

700

#276749

900

#1C4532

Complementary Color

↔

#800080

Purple

Analogous Colors

#408000

Olive Green

#008040

Sea Green

CSS Usage

CSS

/* By name */
color: green;
background-color: green;

/* By HEX */
color: #008000;
background-color: #008000;

/* By RGB */
color: rgb(0, 128, 0);

/* By HSL */
color: hsl(120deg, 100%, 25%);

/* With opacity */
color: rgba(0, 128, 0, 0.8);
color: hsl(120deg 100% 25% / 80%);

CSS `green` (#008000) is quite dark. For a bright, vibrant green use `lime` (#00FF00) or #22C55E (Tailwind green-500). For accessible text on white backgrounds, use #15803D (Tailwind green-700) or darker.

The CSS standard green (#008000) sits in the wavelength range that the human eye is most sensitive to, making it highly visible. It symbolizes success, completion, health, and nature. In UI design, green is used for success messages, completed states, and approved statuses. Note that CSS `green` is #008000 (dark green), while `lime` is #00FF00 (bright green). For modern UIs, Tailwind's green-500 (#22C55E) or green-600 (#16A34A) are more commonly used.

Common Use Cases

▸Success messages — 'Saved', 'Payment successful', positive feedback
▸Progress indicators — completed loading bars and progress bars
▸Eco-friendly brands — sustainability and environmental themes
▸Price comparisons — discounts, low-cost options
▸Status indicators — 'Active', 'Online', 'Connected' states
▸Financial data — stock price increases, revenue growth

Related Colors

Red#FF0000 · RGB(255, 0, 0)→

Blue#0000FF · RGB(0, 0, 255)→

← Back to Color Converter

// related tools

⏱

Cron Expression Generator

Build and parse cron expressions visually. Generate human-readable descriptions and preview next execution times.

jwt

JWT Decoder

Decode and inspect JWT tokens. View header, payload, and signature details.

Regex Tester

Test regular expressions with live matching, group highlighting, and explanations.

Timestamp Converter

Convert Unix timestamps to human-readable dates. Supports ms/s, UTC/local, and relative time.