#2caa50 Color Information
In a RGB color space, hex #2caa50 is composed of 17.3% red, 66.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 52.9% yellow and 33.3% black. It has a hue angle of 137.1 degrees, a saturation of 58.9% and a lightness of 42%. #2caa50 color hex could be obtained by blending #58ffa0 with #005500. Closest websafe color is: #339966.
-
- R 17
- G 67
- B 31
-
- C 74
- M 0
- Y 53
- K 33
● #2caa50 color description : Dark cyan - lime green.
#2caa50 Color Conversion
The hexadecimal color #2caa50 has RGB values of R:44, G:170, B:80 and CMYK values of C:0.74, M:0, Y:0.53, K:0.33. Its decimal value is 2927184.
Hex triplet | 2caa50 | #2caa50 |
---|---|---|
RGB Decimal | 44, 170, 80 | rgb(44,170,80) |
RGB Percent | 17.3, 66.7, 31.4 | rgb(17.3%,66.7%,31.4%) |
CMYK | 74, 0, 53, 33 | |
HSL | 137.1°, 58.9, 42 | hsl(137.1,58.9%,42%) |
HSV (or HSB) | 137.1°, 74.1, 66.7 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 61.535, -53.265, 36.571 |
---|---|
XYZ | 16.86, 29.862, 12.464 |
xyY | 0.285, 0.505, 29.862 |
CIE-LCH | 61.535, 64.611, 145.527 |
CIE-LUV | 61.535, -50.834, 53.472 |
Hunter-Lab | 54.647, -40.558, 24.729 |
Binary | 00101100, 10101010, 01010000 |
Color Schemes with #2caa50
Alternatives to #2caa50
Below, you can see some colors close to #2caa50. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2caa50 Preview
This text has a font color of #2caa50.
<span style="color:#2caa50;">Text here</span>
This paragraph has a background color of #2caa50.
<p style="background-color:#2caa50;">Content here</p>
This element has a border color of #2caa50.
<div style="border:1px solid #2caa50;">Content here</div>
.text {color:#2caa50;}
.background {background-color:#2caa50;}
.border {border:1px solid #2caa50;}
Shades and Tints of #2caa50
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, #040e07 is the darkest color, while #fefffe is the lightest one.
-
#040e07
#040e07
rgb(4,14,7)
-
#081e0e
#081e0e
rgb(8,30,14)
-
#0c2d15
#0c2d15
rgb(12,45,21)
-
#103d1d
#103d1d
rgb(16,61,29)
-
#144d24
#144d24
rgb(20,77,36)
-
#185c2b
#185c2b
rgb(24,92,43)
-
#1c6c33
#1c6c33
rgb(28,108,51)
-
#207b3a
#207b3a
rgb(32,123,58)
-
#248b41
#248b41
rgb(36,139,65)
-
#289a49
#289a49
rgb(40,154,73)
-
#2caa50
#2caa50
rgb(44,170,80)
-
#30ba57
#30ba57
rgb(48,186,87)
-
#34c95f
#34c95f
rgb(52,201,95)
-
#43ce6b
#43ce6b
rgb(67,206,107)
-
#52d277
#52d277
rgb(82,210,119)
-
#62d683
#62d683
rgb(98,214,131)
-
#71da8f
#71da8f
rgb(113,218,143)
-
#81de9c
#81de9c
rgb(129,222,156)
-
#91e2a8
#91e2a8
rgb(145,226,168)
-
#a0e6b4
#a0e6b4
rgb(160,230,180)
-
#b0eac0
#b0eac0
rgb(176,234,192)
-
#bfefcd
#bfefcd
rgb(191,239,205)
-
#cff3d9
#cff3d9
rgb(207,243,217)
-
#def7e5
#def7e5
rgb(222,247,229)
-
#eefbf2
#eefbf2
rgb(238,251,242)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #2caa50
A tone is produced by adding gray to any pure hue. In this case, #667069 is the less saturated color, while #03d33e is the most saturated one.
-
#667069
#667069
rgb(102,112,105)
-
#5d7965
#5d7965
rgb(93,121,101)
-
#558162
#558162
rgb(85,129,98)
-
#4d895e
#4d895e
rgb(77,137,94)
-
#45915b
#45915b
rgb(69,145,91)
-
#3c9a57
#3c9a57
rgb(60,154,87)
-
#34a254
#34a254
rgb(52,162,84)
-
#2caa50
#2caa50
rgb(44,170,80)
-
#24b24c
#24b24c
rgb(36,178,76)
-
#1cba49
#1cba49
rgb(28,186,73)
-
#13c345
#13c345
rgb(19,195,69)
-
#0bcb42
#0bcb42
rgb(11,203,66)
-
#03d33e
#03d33e
rgb(3,211,62)
Color Blindness Simulator
Below, you can see how #2caa50 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.