#20a981 Color Information
In a RGB color space, hex #20a981 is composed of 12.5% red, 66.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 23.7% yellow and 33.7% black. It has a hue angle of 162.5 degrees, a saturation of 68.2% and a lightness of 39.4%. #20a981 color hex could be obtained by blending #40ffff with #005303. Closest websafe color is: #339999.
-
- R 13
- G 66
- B 51
-
- C 81
- M 0
- Y 24
- K 34
● #20a981 color description : Dark cyan - lime green.
#20a981 Color Conversion
The hexadecimal color #20a981 has RGB values of R:32, G:169, B:129 and CMYK values of C:0.81, M:0, Y:0.24, K:0.34. Its decimal value is 2140545.
Hex triplet | 20a981 | #20a981 |
---|---|---|
RGB Decimal | 32, 169, 129 | rgb(32,169,129) |
RGB Percent | 12.5, 66.3, 50.6 | rgb(12.5%,66.3%,50.6%) |
CMYK | 81, 0, 24, 34 | |
HSL | 162.5°, 68.2, 39.4 | hsl(162.5,68.2%,39.4%) |
HSV (or HSB) | 162.5°, 81.1, 66.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.883, -44.666, 10.806 |
---|---|
XYZ | 18.744, 30.266, 25.622 |
xyY | 0.251, 0.406, 30.266 |
CIE-LCH | 61.883, 45.955, 166.4 |
CIE-LUV | 61.883, -49.409, 21.952 |
Hunter-Lab | 55.015, -35.457, 10.897 |
Binary | 00100000, 10101001, 10000001 |
Color Schemes with #20a981
Alternatives to #20a981
Below, you can see some colors close to #20a981. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a981 Preview
This text has a font color of #20a981.
<span style="color:#20a981;">Text here</span>
This paragraph has a background color of #20a981.
<p style="background-color:#20a981;">Content here</p>
This element has a border color of #20a981.
<div style="border:1px solid #20a981;">Content here</div>
.text {color:#20a981;}
.background {background-color:#20a981;}
.border {border:1px solid #20a981;}
Shades and Tints of #20a981
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, #010403 is the darkest color, while #f3fdfa is the lightest one.
-
#010403
#010403
rgb(1,4,3)
-
#041510
#041510
rgb(4,21,16)
-
#07251c
#07251c
rgb(7,37,28)
-
#0a3629
#0a3629
rgb(10,54,41)
-
#0d4635
#0d4635
rgb(13,70,53)
-
#105742
#105742
rgb(16,87,66)
-
#14674f
#14674f
rgb(20,103,79)
-
#17785b
#17785b
rgb(23,120,91)
-
#1a8868
#1a8868
rgb(26,136,104)
-
#1d9974
#1d9974
rgb(29,153,116)
-
#20a981
#20a981
rgb(32,169,129)
-
#23b98e
#23b98e
rgb(35,185,142)
-
#26ca9a
#26ca9a
rgb(38,202,154)
-
#2dd7a5
#2dd7a5
rgb(45,215,165)
-
#3ddaac
#3ddaac
rgb(61,218,172)
-
#4eddb3
#4eddb3
rgb(78,221,179)
-
#5ee1ba
#5ee1ba
rgb(94,225,186)
-
#6fe4c1
#6fe4c1
rgb(111,228,193)
-
#7fe7c9
#7fe7c9
rgb(127,231,201)
-
#90ead0
#90ead0
rgb(144,234,208)
-
#a0edd7
#a0edd7
rgb(160,237,215)
-
#b1f0de
#b1f0de
rgb(177,240,222)
-
#c1f3e5
#c1f3e5
rgb(193,243,229)
-
#d2f6ec
#d2f6ec
rgb(210,246,236)
-
#e2faf3
#e2faf3
rgb(226,250,243)
-
#f3fdfa
#f3fdfa
rgb(243,253,250)
Tones of #20a981
A tone is produced by adding gray to any pure hue. In this case, #5e6b67 is the less saturated color, while #01c88e is the most saturated one.
-
#5e6b67
#5e6b67
rgb(94,107,103)
-
#56736a
#56736a
rgb(86,115,106)
-
#4e7b6e
#4e7b6e
rgb(78,123,110)
-
#478271
#478271
rgb(71,130,113)
-
#3f8a74
#3f8a74
rgb(63,138,116)
-
#379277
#379277
rgb(55,146,119)
-
#2f9a7b
#2f9a7b
rgb(47,154,123)
-
#28a17e
#28a17e
rgb(40,161,126)
-
#20a981
#20a981
rgb(32,169,129)
-
#18b184
#18b184
rgb(24,177,132)
-
#11b887
#11b887
rgb(17,184,135)
-
#09c08b
#09c08b
rgb(9,192,139)
-
#01c88e
#01c88e
rgb(1,200,142)
Color Blindness Simulator
Below, you can see how #20a981 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.