#20a55e Color Information
In a RGB color space, hex #20a55e is composed of 12.5% red, 64.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 43% yellow and 35.3% black. It has a hue angle of 148 degrees, a saturation of 67.5% and a lightness of 38.6%. #20a55e color hex could be obtained by blending #40ffbc with #004b00. Closest websafe color is: #339966.
-
- R 13
- G 65
- B 37
-
- C 81
- M 0
- Y 43
- K 35
● #20a55e color description : Dark cyan - lime green.
#20a55e Color Conversion
The hexadecimal color #20a55e has RGB values of R:32, G:165, B:94 and CMYK values of C:0.81, M:0, Y:0.43, K:0.35. Its decimal value is 2139486.
Hex triplet | 20a55e | #20a55e |
---|---|---|
RGB Decimal | 32, 165, 94 | rgb(32,165,94) |
RGB Percent | 12.5, 64.7, 36.9 | rgb(12.5%,64.7%,36.9%) |
CMYK | 81, 0, 43, 35 | |
HSL | 148°, 67.5, 38.6 | hsl(148,67.5%,38.6%) |
HSV (or HSB) | 148°, 80.6, 64.7 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 59.91, -50.72, 27.24 |
---|---|
XYZ | 16.07, 28.024, 15.151 |
xyY | 0.271, 0.473, 28.024 |
CIE-LCH | 59.91, 57.572, 151.761 |
CIE-LUV | 59.91, -50.193, 42.882 |
Hunter-Lab | 52.938, -38.454, 20.087 |
Binary | 00100000, 10100101, 01011110 |
Color Schemes with #20a55e
Alternatives to #20a55e
Below, you can see some colors close to #20a55e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a55e Preview
This text has a font color of #20a55e.
<span style="color:#20a55e;">Text here</span>
This paragraph has a background color of #20a55e.
<p style="background-color:#20a55e;">Content here</p>
This element has a border color of #20a55e.
<div style="border:1px solid #20a55e;">Content here</div>
.text {color:#20a55e;}
.background {background-color:#20a55e;}
.border {border:1px solid #20a55e;}
Shades and Tints of #20a55e
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 #effcf5 is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#03110a
#03110a
rgb(3,17,10)
-
#072213
#072213
rgb(7,34,19)
-
#0a321c
#0a321c
rgb(10,50,28)
-
#0d4226
#0d4226
rgb(13,66,38)
-
#10532f
#10532f
rgb(16,83,47)
-
#136339
#136339
rgb(19,99,57)
-
#167442
#167442
rgb(22,116,66)
-
#1a844b
#1a844b
rgb(26,132,75)
-
#1d9555
#1d9555
rgb(29,149,85)
-
#20a55e
#20a55e
rgb(32,165,94)
-
#23b567
#23b567
rgb(35,181,103)
-
#26c671
#26c671
rgb(38,198,113)
-
#2ad67a
#2ad67a
rgb(42,214,122)
-
#3bd984
#3bd984
rgb(59,217,132)
-
#4bdc8f
#4bdc8f
rgb(75,220,143)
-
#5bdf99
#5bdf99
rgb(91,223,153)
-
#6ce2a3
#6ce2a3
rgb(108,226,163)
-
#7ce6ad
#7ce6ad
rgb(124,230,173)
-
#8de9b8
#8de9b8
rgb(141,233,184)
-
#9decc2
#9decc2
rgb(157,236,194)
-
#aeefcc
#aeefcc
rgb(174,239,204)
-
#bef2d6
#bef2d6
rgb(190,242,214)
-
#cef6e1
#cef6e1
rgb(206,246,225)
-
#dff9eb
#dff9eb
rgb(223,249,235)
-
#effcf5
#effcf5
rgb(239,252,245)
Tones of #20a55e
A tone is produced by adding gray to any pure hue. In this case, #5d6862 is the less saturated color, while #02c35c is the most saturated one.
-
#5d6862
#5d6862
rgb(93,104,98)
-
#557062
#557062
rgb(85,112,98)
-
#4d7861
#4d7861
rgb(77,120,97)
-
#467f61
#467f61
rgb(70,127,97)
-
#3e8760
#3e8760
rgb(62,135,96)
-
#378e60
#378e60
rgb(55,142,96)
-
#2f965f
#2f965f
rgb(47,150,95)
-
#289d5f
#289d5f
rgb(40,157,95)
-
#20a55e
#20a55e
rgb(32,165,94)
-
#18ad5d
#18ad5d
rgb(24,173,93)
-
#11b45d
#11b45d
rgb(17,180,93)
-
#09bc5c
#09bc5c
rgb(9,188,92)
-
#02c35c
#02c35c
rgb(2,195,92)
Color Blindness Simulator
Below, you can see how #20a55e 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.