#4ade50 Color Information
In a RGB color space, hex #4ade50 is composed of 29% red, 87.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 64% yellow and 12.9% black. It has a hue angle of 122.4 degrees, a saturation of 69.2% and a lightness of 58%. #4ade50 color hex could be obtained by blending #94ffa0 with #00bd00. Closest websafe color is: #33cc66.
-
- R 29
- G 87
- B 31
-
- C 67
- M 0
- Y 64
- K 13
● #4ade50 color description : Soft lime green.
#4ade50 Color Conversion
The hexadecimal color #4ade50 has RGB values of R:74, G:222, B:80 and CMYK values of C:0.67, M:0, Y:0.64, K:0.13. Its decimal value is 4906576.
Hex triplet | 4ade50 | #4ade50 |
---|---|---|
RGB Decimal | 74, 222, 80 | rgb(74,222,80) |
RGB Percent | 29, 87.1, 31.4 | rgb(29%,87.1%,31.4%) |
CMYK | 67, 0, 64, 13 | |
HSL | 122.4°, 69.2, 58 | hsl(122.4,69.2%,58%) |
HSV (or HSB) | 122.4°, 66.7, 87.1 | |
Web Safe | 33cc66 | #33cc66 |
CIE-LAB | 78.622, -65.945, 56.592 |
---|---|
XYZ | 30.392, 54.275, 16.463 |
xyY | 0.301, 0.537, 54.275 |
CIE-LCH | 78.622, 86.898, 139.365 |
CIE-LUV | 78.622, -63.21, 79.838 |
Hunter-Lab | 73.671, -55.288, 38.32 |
Binary | 01001010, 11011110, 01010000 |
Color Schemes with #4ade50
Alternatives to #4ade50
Below, you can see some colors close to #4ade50. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ade50 Preview
This text has a font color of #4ade50.
<span style="color:#4ade50;">Text here</span>
This paragraph has a background color of #4ade50.
<p style="background-color:#4ade50;">Content here</p>
This element has a border color of #4ade50.
<div style="border:1px solid #4ade50;">Content here</div>
.text {color:#4ade50;}
.background {background-color:#4ade50;}
.border {border:1px solid #4ade50;}
Shades and Tints of #4ade50
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, #000100 is the darkest color, while #f0fcf0 is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#031204
#031204
rgb(3,18,4)
-
#062307
#062307
rgb(6,35,7)
-
#09330b
#09330b
rgb(9,51,11)
-
#0c440f
#0c440f
rgb(12,68,15)
-
#0f5412
#0f5412
rgb(15,84,18)
-
#126516
#126516
rgb(18,101,22)
-
#157619
#157619
rgb(21,118,25)
-
#18861d
#18861d
rgb(24,134,29)
-
#1b9720
#1b9720
rgb(27,151,32)
-
#1fa724
#1fa724
rgb(31,167,36)
-
#22b828
#22b828
rgb(34,184,40)
-
#25c92b
#25c92b
rgb(37,201,43)
-
#29d830
#29d830
rgb(41,216,48)
-
#39db40
#39db40
rgb(57,219,64)
-
#4ade50
#4ade50
rgb(74,222,80)
-
#5be160
#5be160
rgb(91,225,96)
-
#6be470
#6be470
rgb(107,228,112)
-
#7ce780
#7ce780
rgb(124,231,128)
-
#8cea90
#8cea90
rgb(140,234,144)
-
#9deda0
#9deda0
rgb(157,237,160)
-
#aef0b0
#aef0b0
rgb(174,240,176)
-
#bef3c0
#bef3c0
rgb(190,243,192)
-
#cff6d0
#cff6d0
rgb(207,246,208)
-
#dff9e0
#dff9e0
rgb(223,249,224)
-
#f0fcf0
#f0fcf0
rgb(240,252,240)
Tones of #4ade50
A tone is produced by adding gray to any pure hue. In this case, #8c9c8d is the less saturated color, while #29ff32 is the most saturated one.
-
#8c9c8d
#8c9c8d
rgb(140,156,141)
-
#84a485
#84a485
rgb(132,164,133)
-
#7bad7d
#7bad7d
rgb(123,173,125)
-
#73b576
#73b576
rgb(115,181,118)
-
#6bbd6e
#6bbd6e
rgb(107,189,110)
-
#63c567
#63c567
rgb(99,197,103)
-
#5ace5f
#5ace5f
rgb(90,206,95)
-
#52d658
#52d658
rgb(82,214,88)
-
#4ade50
#4ade50
rgb(74,222,80)
-
#42e648
#42e648
rgb(66,230,72)
-
#3aee41
#3aee41
rgb(58,238,65)
-
#31f739
#31f739
rgb(49,247,57)
-
#29ff32
#29ff32
rgb(41,255,50)
Color Blindness Simulator
Below, you can see how #4ade50 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.