#20ae74 Color Information
In a RGB color space, hex #20ae74 is composed of 12.5% red, 68.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 0% magenta, 33.3% yellow and 31.8% black. It has a hue angle of 155.5 degrees, a saturation of 68.9% and a lightness of 40.4%. #20ae74 color hex could be obtained by blending #40ffe8 with #005d00. Closest websafe color is: #339966.
-
- R 13
- G 68
- B 45
-
- C 82
- M 0
- Y 33
- K 32
● #20ae74 color description : Dark cyan - lime green.
#20ae74 Color Conversion
The hexadecimal color #20ae74 has RGB values of R:32, G:174, B:116 and CMYK values of C:0.82, M:0, Y:0.33, K:0.32. Its decimal value is 2141812.
Hex triplet | 20ae74 | #20ae74 |
---|---|---|
RGB Decimal | 32, 174, 116 | rgb(32,174,116) |
RGB Percent | 12.5, 68.2, 45.5 | rgb(12.5%,68.2%,45.5%) |
CMYK | 82, 0, 33, 32 | |
HSL | 155.5°, 68.9, 40.4 | hsl(155.5,68.9%,40.4%) |
HSV (or HSB) | 155.5°, 81.6, 68.2 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.209, -49.667, 19.794 |
---|---|
XYZ | 18.883, 31.838, 21.672 |
xyY | 0.261, 0.44, 31.838 |
CIE-LCH | 63.209, 53.466, 158.272 |
CIE-LUV | 63.209, -52.029, 34.518 |
Hunter-Lab | 56.425, -39.01, 16.725 |
Binary | 00100000, 10101110, 01110100 |
Color Schemes with #20ae74
Alternatives to #20ae74
Below, you can see some colors close to #20ae74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ae74 Preview
This text has a font color of #20ae74.
<span style="color:#20ae74;">Text here</span>
This paragraph has a background color of #20ae74.
<p style="background-color:#20ae74;">Content here</p>
This element has a border color of #20ae74.
<div style="border:1px solid #20ae74;">Content here</div>
.text {color:#20ae74;}
.background {background-color:#20ae74;}
.border {border:1px solid #20ae74;}
Shades and Tints of #20ae74
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, #020806 is the darkest color, while #f7fdfb is the lightest one.
-
#020806
#020806
rgb(2,8,6)
-
#051911
#051911
rgb(5,25,17)
-
#08291c
#08291c
rgb(8,41,28)
-
#0b3a27
#0b3a27
rgb(11,58,39)
-
#0e4b32
#0e4b32
rgb(14,75,50)
-
#115b3d
#115b3d
rgb(17,91,61)
-
#146c48
#146c48
rgb(20,108,72)
-
#177c53
#177c53
rgb(23,124,83)
-
#1a8d5e
#1a8d5e
rgb(26,141,94)
-
#1d9d69
#1d9d69
rgb(29,157,105)
-
#20ae74
#20ae74
rgb(32,174,116)
-
#23bf7f
#23bf7f
rgb(35,191,127)
-
#26cf8a
#26cf8a
rgb(38,207,138)
-
#30d994
#30d994
rgb(48,217,148)
-
#40dc9c
#40dc9c
rgb(64,220,156)
-
#51dfa5
#51dfa5
rgb(81,223,165)
-
#62e2ae
#62e2ae
rgb(98,226,174)
-
#72e5b6
#72e5b6
rgb(114,229,182)
-
#83e8bf
#83e8bf
rgb(131,232,191)
-
#93ebc7
#93ebc7
rgb(147,235,199)
-
#a4eed0
#a4eed0
rgb(164,238,208)
-
#b4f1d8
#b4f1d8
rgb(180,241,216)
-
#c5f4e1
#c5f4e1
rgb(197,244,225)
-
#d6f7ea
#d6f7ea
rgb(214,247,234)
-
#e6faf2
#e6faf2
rgb(230,250,242)
-
#f7fdfb
#f7fdfb
rgb(247,253,251)
Tones of #20ae74
A tone is produced by adding gray to any pure hue. In this case, #5f6f68 is the less saturated color, while #00ce7a is the most saturated one.
-
#5f6f68
#5f6f68
rgb(95,111,104)
-
#57776a
#57776a
rgb(87,119,106)
-
#507e6b
#507e6b
rgb(80,126,107)
-
#48866d
#48866d
rgb(72,134,109)
-
#408e6e
#408e6e
rgb(64,142,110)
-
#389670
#389670
rgb(56,150,112)
-
#309e71
#309e71
rgb(48,158,113)
-
#28a673
#28a673
rgb(40,166,115)
-
#20ae74
#20ae74
rgb(32,174,116)
-
#18b675
#18b675
rgb(24,182,117)
-
#10be77
#10be77
rgb(16,190,119)
-
#08c678
#08c678
rgb(8,198,120)
-
#00ce7a
#00ce7a
rgb(0,206,122)
Color Blindness Simulator
Below, you can see how #20ae74 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.