#2caf50 Color Information
In a RGB color space, hex #2caf50 is composed of 17.3% red, 68.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 54.3% yellow and 31.4% black. It has a hue angle of 136.5 degrees, a saturation of 59.8% and a lightness of 42.9%. #2caf50 color hex could be obtained by blending #58ffa0 with #005f00. Closest websafe color is: #339966.
-
- R 17
- G 69
- B 31
-
- C 75
- M 0
- Y 54
- K 31
● #2caf50 color description : Dark cyan - lime green.
#2caf50 Color Conversion
The hexadecimal color #2caf50 has RGB values of R:44, G:175, B:80 and CMYK values of C:0.75, M:0, Y:0.54, K:0.31. Its decimal value is 2928464.
Hex triplet | 2caf50 | #2caf50 |
---|---|---|
RGB Decimal | 44, 175, 80 | rgb(44,175,80) |
RGB Percent | 17.3, 68.6, 31.4 | rgb(17.3%,68.6%,31.4%) |
CMYK | 75, 0, 54, 31 | |
HSL | 136.5°, 59.8, 42.9 | hsl(136.5,59.8%,42.9%) |
HSV (or HSB) | 136.5°, 74.9, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.155, -55.036, 38.543 |
---|---|
XYZ | 17.816, 31.773, 12.783 |
xyY | 0.286, 0.509, 31.773 |
CIE-LCH | 63.155, 67.19, 144.996 |
CIE-LUV | 63.155, -52.609, 56.166 |
Hunter-Lab | 56.367, -42.226, 26.012 |
Binary | 00101100, 10101111, 01010000 |
Color Schemes with #2caf50
Alternatives to #2caf50
Below, you can see some colors close to #2caf50. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2caf50 Preview
This text has a font color of #2caf50.
<span style="color:#2caf50;">Text here</span>
This paragraph has a background color of #2caf50.
<p style="background-color:#2caf50;">Content here</p>
This element has a border color of #2caf50.
<div style="border:1px solid #2caf50;">Content here</div>
.text {color:#2caf50;}
.background {background-color:#2caf50;}
.border {border:1px solid #2caf50;}
Shades and Tints of #2caf50
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, #010301 is the darkest color, while #f2fcf5 is the lightest one.
-
#010301
#010301
rgb(1,3,1)
-
#051208
#051208
rgb(5,18,8)
-
#092210
#092210
rgb(9,34,16)
-
#0c3217
#0c3217
rgb(12,50,23)
-
#10411e
#10411e
rgb(16,65,30)
-
#145125
#145125
rgb(20,81,37)
-
#18612c
#18612c
rgb(24,97,44)
-
#1c7033
#1c7033
rgb(28,112,51)
-
#20803b
#20803b
rgb(32,128,59)
-
#249042
#249042
rgb(36,144,66)
-
#289f49
#289f49
rgb(40,159,73)
-
#2caf50
#2caf50
rgb(44,175,80)
-
#30bf57
#30bf57
rgb(48,191,87)
-
#36cc5f
#36cc5f
rgb(54,204,95)
-
#45d06c
#45d06c
rgb(69,208,108)
-
#55d478
#55d478
rgb(85,212,120)
-
#65d885
#65d885
rgb(101,216,133)
-
#75dc91
#75dc91
rgb(117,220,145)
-
#84e09d
#84e09d
rgb(132,224,157)
-
#94e4aa
#94e4aa
rgb(148,228,170)
-
#a4e8b6
#a4e8b6
rgb(164,232,182)
-
#b3ecc3
#b3ecc3
rgb(179,236,195)
-
#c3f0cf
#c3f0cf
rgb(195,240,207)
-
#d3f4dc
#d3f4dc
rgb(211,244,220)
-
#e2f8e8
#e2f8e8
rgb(226,248,232)
-
#f2fcf5
#f2fcf5
rgb(242,252,245)
Tones of #2caf50
A tone is produced by adding gray to any pure hue. In this case, #67746b is the less saturated color, while #02d93d is the most saturated one.
-
#67746b
#67746b
rgb(103,116,107)
-
#5f7c67
#5f7c67
rgb(95,124,103)
-
#568563
#568563
rgb(86,133,99)
-
#4e8d5f
#4e8d5f
rgb(78,141,95)
-
#45965b
#45965b
rgb(69,150,91)
-
#3d9e58
#3d9e58
rgb(61,158,88)
-
#34a754
#34a754
rgb(52,167,84)
-
#2caf50
#2caf50
rgb(44,175,80)
-
#24b74c
#24b74c
rgb(36,183,76)
-
#1bc048
#1bc048
rgb(27,192,72)
-
#13c845
#13c845
rgb(19,200,69)
-
#0ad141
#0ad141
rgb(10,209,65)
-
#02d93d
#02d93d
rgb(2,217,61)
Color Blindness Simulator
Below, you can see how #2caf50 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.