#20a557 Color Information
In a RGB color space, hex #20a557 is composed of 12.5% red, 64.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 47.3% yellow and 35.3% black. It has a hue angle of 144.8 degrees, a saturation of 67.5% and a lightness of 38.6%. #20a557 color hex could be obtained by blending #40ffae with #004b00. Closest websafe color is: #339966.
-
- R 13
- G 65
- B 34
-
- C 81
- M 0
- Y 47
- K 35
● #20a557 color description : Dark cyan - lime green.
#20a557 Color Conversion
The hexadecimal color #20a557 has RGB values of R:32, G:165, B:87 and CMYK values of C:0.81, M:0, Y:0.47, K:0.35. Its decimal value is 2139479.
Hex triplet | 20a557 | #20a557 |
---|---|---|
RGB Decimal | 32, 165, 87 | rgb(32,165,87) |
RGB Percent | 12.5, 64.7, 34.1 | rgb(12.5%,64.7%,34.1%) |
CMYK | 81, 0, 47, 35 | |
HSL | 144.8°, 67.5, 38.6 | hsl(144.8,67.5%,38.6%) |
HSV (or HSB) | 144.8°, 80.6, 64.7 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 59.802, -51.984, 30.789 |
---|---|
XYZ | 15.77, 27.904, 13.571 |
xyY | 0.275, 0.487, 27.904 |
CIE-LCH | 59.802, 60.417, 149.363 |
CIE-LUV | 59.802, -50.572, 46.896 |
Hunter-Lab | 52.824, -39.153, 21.745 |
Binary | 00100000, 10100101, 01010111 |
Color Schemes with #20a557
Alternatives to #20a557
Below, you can see some colors close to #20a557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a557 Preview
This text has a font color of #20a557.
<span style="color:#20a557;">Text here</span>
This paragraph has a background color of #20a557.
<p style="background-color:#20a557;">Content here</p>
This element has a border color of #20a557.
<div style="border:1px solid #20a557;">Content here</div>
.text {color:#20a557;}
.background {background-color:#20a557;}
.border {border:1px solid #20a557;}
Shades and Tints of #20a557
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)
-
#031109
#031109
rgb(3,17,9)
-
#072212
#072212
rgb(7,34,18)
-
#0a321a
#0a321a
rgb(10,50,26)
-
#0d4223
#0d4223
rgb(13,66,35)
-
#10532c
#10532c
rgb(16,83,44)
-
#136334
#136334
rgb(19,99,52)
-
#16743d
#16743d
rgb(22,116,61)
-
#1a8446
#1a8446
rgb(26,132,70)
-
#1d954e
#1d954e
rgb(29,149,78)
-
#20a557
#20a557
rgb(32,165,87)
-
#23b560
#23b560
rgb(35,181,96)
-
#26c668
#26c668
rgb(38,198,104)
-
#2ad671
#2ad671
rgb(42,214,113)
-
#3bd97c
#3bd97c
rgb(59,217,124)
-
#4bdc87
#4bdc87
rgb(75,220,135)
-
#5bdf92
#5bdf92
rgb(91,223,146)
-
#6ce29d
#6ce29d
rgb(108,226,157)
-
#7ce6a8
#7ce6a8
rgb(124,230,168)
-
#8de9b3
#8de9b3
rgb(141,233,179)
-
#9decbe
#9decbe
rgb(157,236,190)
-
#aeefc9
#aeefc9
rgb(174,239,201)
-
#bef2d4
#bef2d4
rgb(190,242,212)
-
#cef6df
#cef6df
rgb(206,246,223)
-
#dff9ea
#dff9ea
rgb(223,249,234)
-
#effcf5
#effcf5
rgb(239,252,245)
Tones of #20a557
A tone is produced by adding gray to any pure hue. In this case, #5d6861 is the less saturated color, while #02c352 is the most saturated one.
-
#5d6861
#5d6861
rgb(93,104,97)
-
#557060
#557060
rgb(85,112,96)
-
#4d785f
#4d785f
rgb(77,120,95)
-
#467f5e
#467f5e
rgb(70,127,94)
-
#3e875c
#3e875c
rgb(62,135,92)
-
#378e5b
#378e5b
rgb(55,142,91)
-
#2f965a
#2f965a
rgb(47,150,90)
-
#289d58
#289d58
rgb(40,157,88)
-
#20a557
#20a557
rgb(32,165,87)
-
#18ad56
#18ad56
rgb(24,173,86)
-
#11b454
#11b454
rgb(17,180,84)
-
#09bc53
#09bc53
rgb(9,188,83)
-
#02c352
#02c352
rgb(2,195,82)
Color Blindness Simulator
Below, you can see how #20a557 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.