Green / #00ff00 hex color (#0f0)
In a RGB color space, hex #00ff00 (also known as Green, Electric green) is composed of 0% red, 100% green and 0% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 100% yellow and 0% black. It has a hue angle of 120 degrees, a saturation of 100% and a lightness of 50%. #00ff00 color hex could be obtained by blending #00ff00 with #00ff00. #00ff00 (or #0f0) is a websafe color.
-
- R 0
- G 100
- B 0
RGB color chart
-
- C 100
- M 0
- Y 100
- K 0
CMYK color chart
● #00ff00 color description : Pure (or mostly pure) lime green.
The hexadecimal color #00ff00 has RGB values of R:0, G:255, B:0 and CMYK values of C:1, M:0, Y:1, K:0. Its decimal value is 65280.
Hex triplet | 00ff00 | #00ff00 |
---|---|---|
RGB Decimal | 0, 255, 0 | rgb(0,255,0) |
RGB Percent | 0, 100, 0 | rgb(0%,100%,0%) |
CMYK | 100, 0, 100, 0 | |
HSL | 120°, 100, 50 | hsl(120,100%,50%) |
HSV (or HSB) | 120°, 100, 100 | |
Web Safe | 00ff00 | #00ff00 |
CIE-LAB | 87.735, -86.183, 83.18 |
---|---|
XYZ | 35.758, 71.516, 11.919 |
xyY | 0.3, 0.6, 71.516 |
CIE-LCH | 87.735, 119.776, 136.016 |
CIE-LUV | 87.735, -83.078, 107.399 |
Hunter-Lab | 84.567, -72.516, 50.84 |
Binary | 00000000, 11111111, 00000000 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #00ff00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #00ff00
This text has a font color of #00ff00.
<span style="color:#00ff00;">Text here</span>
#00ff00 background color
This paragraph has a background color of #00ff00.
<p style="background-color:#00ff00;">Content here</p>
#00ff00 border color
This element has a border color of #00ff00.
<div style="border:1px solid #00ff00;">Content here</div>
CSS codes
.text {color:#00ff00;}
.background {background-color:#00ff00;}
.border {border:1px solid #00ff00;}
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #001400 is the darkest color, while #ffffff is the lightest one.
-
#001400
#001400
rgb(0,20,0)
-
#002700
#002700
rgb(0,39,0)
-
#003b00
#003b00
rgb(0,59,0)
-
#004e00
#004e00
rgb(0,78,0)
-
#006200
#006200
rgb(0,98,0)
-
#007600
#007600
rgb(0,118,0)
-
#008900
#008900
rgb(0,137,0)
-
#009d00
#009d00
rgb(0,157,0)
-
#00b100
#00b100
rgb(0,177,0)
-
#00c400
#00c400
rgb(0,196,0)
-
#00d800
#00d800
rgb(0,216,0)
-
#00eb00
#00eb00
rgb(0,235,0)
-
#00ff00
#00ff00
rgb(0,255,0)
Shade Color Variation
-
#14ff14
#14ff14
rgb(20,255,20)
-
#27ff27
#27ff27
rgb(39,255,39)
-
#3bff3b
#3bff3b
rgb(59,255,59)
-
#4eff4e
#4eff4e
rgb(78,255,78)
-
#62ff62
#62ff62
rgb(98,255,98)
-
#76ff76
#76ff76
rgb(118,255,118)
-
#89ff89
#89ff89
rgb(137,255,137)
-
#9dff9d
#9dff9d
rgb(157,255,157)
-
#b1ffb1
#b1ffb1
rgb(177,255,177)
-
#c4ffc4
#c4ffc4
rgb(196,255,196)
-
#d8ffd8
#d8ffd8
rgb(216,255,216)
-
#ebffeb
#ebffeb
rgb(235,255,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #768976 is the less saturated color, while #00ff00 is the most saturated one.
-
#768976
#768976
rgb(118,137,118)
-
#6c936c
#6c936c
rgb(108,147,108)
-
#629d62
#629d62
rgb(98,157,98)
-
#58a758
#58a758
rgb(88,167,88)
-
#4eb14e
#4eb14e
rgb(78,177,78)
-
#45ba45
#45ba45
rgb(69,186,69)
-
#3bc43b
#3bc43b
rgb(59,196,59)
-
#31ce31
#31ce31
rgb(49,206,49)
-
#27d827
#27d827
rgb(39,216,39)
-
#1de21d
#1de21d
rgb(29,226,29)
-
#14eb14
#14eb14
rgb(20,235,20)
-
#0af50a
#0af50a
rgb(10,245,10)
-
#00ff00
#00ff00
rgb(0,255,0)
Tone Color Variation
Below, you can see how #00ff00 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
Monochromacy
Dichromacy