#20a745 Color Information
In a RGB color space, hex #20a745 is composed of 12.5% red, 65.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 0% magenta, 58.7% yellow and 34.5% black. It has a hue angle of 136.4 degrees, a saturation of 67.8% and a lightness of 39%. #20a745 color hex could be obtained by blending #40ff8a with #004f00. Closest websafe color is: #339933.
-
- R 13
- G 65
- B 27
-
- C 81
- M 0
- Y 59
- K 35
● #20a745 color description : Dark cyan - lime green.
#20a745 Color Conversion
The hexadecimal color #20a745 has RGB values of R:32, G:167, B:69 and CMYK values of C:0.81, M:0, Y:0.59, K:0.35. Its decimal value is 2139973.
Hex triplet | 20a745 | #20a745 |
---|---|---|
RGB Decimal | 32, 167, 69 | rgb(32,167,69) |
RGB Percent | 12.5, 65.5, 27.1 | rgb(12.5%,65.5%,27.1%) |
CMYK | 81, 0, 59, 35 | |
HSL | 136.4°, 67.8, 39 | hsl(136.4,67.8%,39%) |
HSV (or HSB) | 136.4°, 80.8, 65.5 | |
Web Safe | 339933 | #339933 |
CIE-LAB | 60.224, -55.453, 40.321 |
---|---|
XYZ | 15.488, 28.373, 10.29 |
xyY | 0.286, 0.524, 28.373 |
CIE-LCH | 60.224, 68.563, 143.979 |
CIE-LUV | 60.224, -52.122, 56.939 |
Hunter-Lab | 53.266, -41.315, 25.832 |
Binary | 00100000, 10100111, 01000101 |
Color Schemes with #20a745
Alternatives to #20a745
Below, you can see some colors close to #20a745. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a745 Preview
This text has a font color of #20a745.
<span style="color:#20a745;">Text here</span>
This paragraph has a background color of #20a745.
<p style="background-color:#20a745;">Content here</p>
This element has a border color of #20a745.
<div style="border:1px solid #20a745;">Content here</div>
.text {color:#20a745;}
.background {background-color:#20a745;}
.border {border:1px solid #20a745;}
Shades and Tints of #20a745
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, #000201 is the darkest color, while #f1fcf4 is the lightest one.
-
#000201
#000201
rgb(0,2,1)
-
#041308
#041308
rgb(4,19,8)
-
#07230f
#07230f
rgb(7,35,15)
-
#0a3415
#0a3415
rgb(10,52,21)
-
#0d441c
#0d441c
rgb(13,68,28)
-
#105523
#105523
rgb(16,85,35)
-
#13652a
#13652a
rgb(19,101,42)
-
#177631
#177631
rgb(23,118,49)
-
#1a8637
#1a8637
rgb(26,134,55)
-
#1d973e
#1d973e
rgb(29,151,62)
-
#20a745
#20a745
rgb(32,167,69)
-
#23b74c
#23b74c
rgb(35,183,76)
-
#26c853
#26c853
rgb(38,200,83)
-
#2bd65a
#2bd65a
rgb(43,214,90)
-
#3cda67
#3cda67
rgb(60,218,103)
-
#4cdd74
#4cdd74
rgb(76,221,116)
-
#5de081
#5de081
rgb(93,224,129)
-
#6de38e
#6de38e
rgb(109,227,142)
-
#7ee69a
#7ee69a
rgb(126,230,154)
-
#8ee9a7
#8ee9a7
rgb(142,233,167)
-
#9fedb4
#9fedb4
rgb(159,237,180)
-
#aff0c1
#aff0c1
rgb(175,240,193)
-
#c0f3ce
#c0f3ce
rgb(192,243,206)
-
#d0f6da
#d0f6da
rgb(208,246,218)
-
#e0f9e7
#e0f9e7
rgb(224,249,231)
-
#f1fcf4
#f1fcf4
rgb(241,252,244)
Tones of #20a745
A tone is produced by adding gray to any pure hue. In this case, #5d6a61 is the less saturated color, while #01c637 is the most saturated one.
-
#5d6a61
#5d6a61
rgb(93,106,97)
-
#56715d
#56715d
rgb(86,113,93)
-
#4e795a
#4e795a
rgb(78,121,90)
-
#468156
#468156
rgb(70,129,86)
-
#3f8853
#3f8853
rgb(63,136,83)
-
#37904f
#37904f
rgb(55,144,79)
-
#2f984c
#2f984c
rgb(47,152,76)
-
#289f48
#289f48
rgb(40,159,72)
-
#20a745
#20a745
rgb(32,167,69)
-
#18af42
#18af42
rgb(24,175,66)
-
#11b63e
#11b63e
rgb(17,182,62)
-
#09be3b
#09be3b
rgb(9,190,59)
-
#01c637
#01c637
rgb(1,198,55)
Color Blindness Simulator
Below, you can see how #20a745 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.