#20ad64 Color Information
In a RGB color space, hex #20ad64 is composed of 12.5% red, 67.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 42.2% yellow and 32.2% black. It has a hue angle of 148.9 degrees, a saturation of 68.8% and a lightness of 40.2%. #20ad64 color hex could be obtained by blending #40ffc8 with #005b00. Closest websafe color is: #339966.
-
- R 13
- G 68
- B 39
-
- C 82
- M 0
- Y 42
- K 32
● #20ad64 color description : Dark cyan - lime green.
#20ad64 Color Conversion
The hexadecimal color #20ad64 has RGB values of R:32, G:173, B:100 and CMYK values of C:0.82, M:0, Y:0.42, K:0.32. Its decimal value is 2141540.
Hex triplet | 20ad64 | #20ad64 |
---|---|---|
RGB Decimal | 32, 173, 100 | rgb(32,173,100) |
RGB Percent | 12.5, 67.8, 39.2 | rgb(12.5%,67.8%,39.2%) |
CMYK | 82, 0, 42, 32 | |
HSL | 148.9°, 68.8, 40.2 | hsl(148.9,68.8%,40.2%) |
HSV (or HSB) | 148.9°, 81.5, 67.8 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 62.602, -52.535, 27.572 |
---|---|
XYZ | 17.838, 31.112, 17.121 |
xyY | 0.27, 0.471, 31.112 |
CIE-LCH | 62.602, 59.331, 152.308 |
CIE-LUV | 62.602, -52.648, 44.096 |
Hunter-Lab | 55.779, -40.527, 20.846 |
Binary | 00100000, 10101101, 01100100 |
Color Schemes with #20ad64
Alternatives to #20ad64
Below, you can see some colors close to #20ad64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ad64 Preview
This text has a font color of #20ad64.
<span style="color:#20ad64;">Text here</span>
This paragraph has a background color of #20ad64.
<p style="background-color:#20ad64;">Content here</p>
This element has a border color of #20ad64.
<div style="border:1px solid #20ad64;">Content here</div>
.text {color:#20ad64;}
.background {background-color:#20ad64;}
.border {border:1px solid #20ad64;}
Shades and Tints of #20ad64
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, #010704 is the darkest color, while #f6fdf9 is the lightest one.
-
#010704
#010704
rgb(1,7,4)
-
#04180e
#04180e
rgb(4,24,14)
-
#082917
#082917
rgb(8,41,23)
-
#0b3921
#0b3921
rgb(11,57,33)
-
#0e4a2b
#0e4a2b
rgb(14,74,43)
-
#115a34
#115a34
rgb(17,90,52)
-
#146b3e
#146b3e
rgb(20,107,62)
-
#177b47
#177b47
rgb(23,123,71)
-
#1a8c51
#1a8c51
rgb(26,140,81)
-
#1d9c5a
#1d9c5a
rgb(29,156,90)
-
#20ad64
#20ad64
rgb(32,173,100)
-
#23be6e
#23be6e
rgb(35,190,110)
-
#26ce77
#26ce77
rgb(38,206,119)
-
#2fd981
#2fd981
rgb(47,217,129)
-
#40dc8b
#40dc8b
rgb(64,220,139)
-
#50df95
#50df95
rgb(80,223,149)
-
#61e29f
#61e29f
rgb(97,226,159)
-
#71e5a9
#71e5a9
rgb(113,229,169)
-
#82e8b3
#82e8b3
rgb(130,232,179)
-
#93ebbd
#93ebbd
rgb(147,235,189)
-
#a3eec7
#a3eec7
rgb(163,238,199)
-
#b4f1d1
#b4f1d1
rgb(180,241,209)
-
#c4f4db
#c4f4db
rgb(196,244,219)
-
#d5f7e5
#d5f7e5
rgb(213,247,229)
-
#e5faef
#e5faef
rgb(229,250,239)
-
#f6fdf9
#f6fdf9
rgb(246,253,249)
Tones of #20ad64
A tone is produced by adding gray to any pure hue. In this case, #5f6e66 is the less saturated color, while #00cd63 is the most saturated one.
-
#5f6e66
#5f6e66
rgb(95,110,102)
-
#577666
#577666
rgb(87,118,102)
-
#4f7e66
#4f7e66
rgb(79,126,102)
-
#478665
#478665
rgb(71,134,101)
-
#408d65
#408d65
rgb(64,141,101)
-
#389565
#389565
rgb(56,149,101)
-
#309d65
#309d65
rgb(48,157,101)
-
#28a564
#28a564
rgb(40,165,100)
-
#20ad64
#20ad64
rgb(32,173,100)
-
#18b564
#18b564
rgb(24,181,100)
-
#10bd63
#10bd63
rgb(16,189,99)
-
#08c563
#08c563
rgb(8,197,99)
-
#00cd63
#00cd63
rgb(0,205,99)
Color Blindness Simulator
Below, you can see how #20ad64 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.