#20a301 Color Information
In a RGB color space, hex #20a301 is composed of 12.5% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 99.4% yellow and 36.1% black. It has a hue angle of 108.5 degrees, a saturation of 98.8% and a lightness of 32.2%. #20a301 color hex could be obtained by blending #40ff02 with #004700. Closest websafe color is: #339900.
-
- R 13
- G 64
- B 0
-
- C 80
- M 0
- Y 99
- K 36
● #20a301 color description : Dark lime green.
#20a301 Color Conversion
The hexadecimal color #20a301 has RGB values of R:32, G:163, B:1 and CMYK values of C:0.8, M:0, Y:0.99, K:0.36. Its decimal value is 2138881.
| Hex triplet | 20a301 | #20a301 |
|---|---|---|
| RGB Decimal | 32, 163, 1 | rgb(32,163,1) |
| RGB Percent | 12.5, 63.9, 0.4 | rgb(12.5%,63.9%,0.4%) |
| CMYK | 80, 0, 99, 36 | |
| HSL | 108.5°, 98.8, 32.2 | hsl(108.5,98.8%,32.2%) |
| HSV (or HSB) | 108.5°, 99.4, 63.9 | |
| Web Safe | 339900 | #339900 |
| CIE-LAB | 58.511, -59.024, 59.719 |
|---|---|
| XYZ | 13.698, 26.502, 4.422 |
| xyY | 0.307, 0.594, 26.502 |
| CIE-LCH | 58.511, 83.965, 134.664 |
| CIE-LUV | 58.511, -52.308, 71.159 |
| Hunter-Lab | 51.48, -42.596, 30.943 |
| Binary | 00100000, 10100011, 00000001 |
Color Schemes with #20a301
Alternatives to #20a301
Below, you can see some colors close to #20a301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a301 Preview
This text has a font color of #20a301.
<span style="color:#20a301;">Text here</span>
This paragraph has a background color of #20a301.
<p style="background-color:#20a301;">Content here</p>
This element has a border color of #20a301.
<div style="border:1px solid #20a301;">Content here</div>
.text {color:#20a301;}
.background {background-color:#20a301;}
.border {border:1px solid #20a301;}
Shades and Tints of #20a301
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, #010700 is the darkest color, while #f5fff3 is the lightest one.
-
#010700
#010700rgb(1,7,0) -
#051b00
#051b00rgb(5,27,0) -
#092e00
#092e00rgb(9,46,0) -
#0d4200
#0d4200rgb(13,66,0) -
#115501
#115501rgb(17,85,1) -
#156901
#156901rgb(21,105,1) -
#187c01
#187c01rgb(24,124,1) -
#1c9001
#1c9001rgb(28,144,1) -
#20a301
#20a301rgb(32,163,1) -
#24b601
#24b601rgb(36,182,1) -
#28ca01
#28ca01rgb(40,202,1) -
#2bdd01
#2bdd01rgb(43,221,1) -
#2ff101
#2ff101rgb(47,241,1)
-
#37fd09
#37fd09rgb(55,253,9) -
#47fe1c
#47fe1crgb(71,254,28) -
#57fe30
#57fe30rgb(87,254,48) -
#67fe43
#67fe43rgb(103,254,67) -
#77fe57
#77fe57rgb(119,254,87) -
#86fe6a
#86fe6argb(134,254,106) -
#96fe7e
#96fe7ergb(150,254,126) -
#a6fe91
#a6fe91rgb(166,254,145) -
#b6fea5
#b6fea5rgb(182,254,165) -
#c6ffb8
#c6ffb8rgb(198,255,184) -
#d5ffcc
#d5ffccrgb(213,255,204) -
#e5ffdf
#e5ffdfrgb(229,255,223) -
#f5fff3
#f5fff3rgb(245,255,243)
Tones of #20a301
A tone is produced by adding gray to any pure hue. In this case, #4f574d is the less saturated color, while #20a301 is the most saturated one.
-
#4f574d
#4f574drgb(79,87,77) -
#4b5e46
#4b5e46rgb(75,94,70) -
#476440
#476440rgb(71,100,64) -
#436a3a
#436a3argb(67,106,58) -
#3f7133
#3f7133rgb(63,113,51) -
#3b772d
#3b772drgb(59,119,45) -
#377d27
#377d27rgb(55,125,39) -
#338321
#338321rgb(51,131,33) -
#308a1a
#308a1argb(48,138,26) -
#2c9014
#2c9014rgb(44,144,20) -
#28960e
#28960ergb(40,150,14) -
#249d07
#249d07rgb(36,157,7) -
#20a301
#20a301rgb(32,163,1)
Color Blindness Simulator
Below, you can see how #20a301 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.
