What is the hex code for Green?

The hex code for Green is #008000.

What is the RGB value of Green?

The RGB value of Green is rgb(0, 128, 0).

What is the HSL value of Green?

The HSL value of Green is hsl(120, 100%, 25%).

What is the HSV value of Green?

The HSV value of Green is hsv(120, 100%, 50%).

What CSS code do I use for Green?

Use background-color: #008000; for background, color: #008000; for text, or border: 1px solid #008000; for borders.

Green Hex #008000: HTML Color Codes & CSS

Green (#008000) Color Codes & Conversions

Color Preview

Make a gradient with Green →

Opens Green with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	green
Hex	#008000
RGB	rgb(0, 128, 0)
HSV	hsv(120, 100%, 50%)
HSL	hsl(120, 100%, 25%)
OKLCH	oklch(51.98% 0.1769 142.5)

What is the color name for #008000?

#008000 color name is Green.

Color Information

The HTML color Green has the hexadecimal code #008000 and in the RGB color space is composed of 0% red, 50% green, and 0% blue. The color Green has a hue angle of 120 degrees, a saturation of 100% and a lightness of 25.1%.

Green CSS Code Snippets

Background Color

.bg-green { background-color: #008000; }

Text Color

.text-green { color: #008000; }

Border Color

.border-green { border: 1px solid #008000; }

Shade Gradient

.gradient-shade-green { background: linear-gradient(135deg, #008000, #000000); }

Tint Gradient

.gradient-tint-green { background: linear-gradient(135deg, #008000, #1AFF1A); }

Monochromatic Gradient

.gradient-mono-green { background: linear-gradient(135deg, #008000, #00C900); }

Green Shades

#006600

#004D00

#003300

#001A00

#000000

Green Tints

#009900

#00B300

#00CC00

#00E600

#00FF00

#1AFF1A

Green Tones

#087808

#116F11

#196719

#215F21

#2A562A

#324E32

Green Monochromatic

#00C900

#00A400

#008000

#005C00

#003700

#001300

Similar Colors to Green

#2B8000

#1A8000

#098000

#008009

#00801A

#00802B

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator