Green

#008000
RGB
0, 128, 0
HSL
120°, 100%, 25%
CMYK
100, 0, 100, 50
HSV
120°, 100%, 50%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #008000 color: #008000;
RGB 0, 128, 0 color: rgb(0, 128, 0);
RGB Percentage 0%, 50%, 0% color: rgb(0%, 50%, 0%);
CMYK 100%, 0%, 100%, 50% Not supported in CSS
HSL 120°, 100%, 25% color: hsl(120, 100%, 25%);
HSV 120°, 100%, 50% Not supported in CSS
CIE-LAB 20, -26, 43 color: lab(20% -26 43);
Decimal 32768 Not supported in CSS

Color Variations

Shades

#008000
#007300
#006600
#005900
#004D00
#004000
#003300
#002600

Tints

#8CFF8C
#66FF66
#40FF40
#1AFF1A
#00F200
#00CC00
#00A600
#008000

Tones

#008000
#067906
#0D730D
#136C13
#1A661A
#206020
#265926
#2D532D

Hues

#008000
#008060
#004080
#200080
#800080
#800020
#804000
#608000

Color Harmonies

Analogous

#408000
Click to copy
Dark Green
85%
#008000
Click to copy
Green
100%
#008040
Click to copy
Dark Cyan
85%

Complementary

#008000
Click to copy
Green
100%
#800080
Click to copy
Dark Purple
50%

Split Complementary

#008000
Click to copy
Green
100%
#400080
Click to copy
Dark Purple
56%
#800040
Click to copy
Dark Magenta
56%

Triadic

#008000
Click to copy
Green
100%
#000080
Click to copy
Dark Blue
59%
#800000
Click to copy
Dark Red
59%

Tetradic

#008000
Click to copy
Green
100%
#004080
Click to copy
Dark Blue
68%
#800080
Click to copy
Dark Purple
50%
#804000
Click to copy
Dark Orange
68%

Square

#008000
Click to copy
Green
100%
#004080
Click to copy
Dark Blue
68%
#800080
Click to copy
Dark Purple
50%
#804000
Click to copy
Dark Orange
68%

CSS & Dev Snippets

CSS
.green {
  color: #008000;
}
SCSS
$green: #008000;
RGB
rgb(0, 128, 0)

Accessibility & Contrast

White background

5.14:1
5.14
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.09:1
4.09
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags