#20af56 Color Information
In a RGB color space, hex #20af56 is composed of 12.5% red, 68.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 142.7 degrees, a saturation of 69.1% and a lightness of 40.6%. #20af56 color hex could be obtained by blending #40ffac with #005f00. Closest websafe color is: #339966.
-
- R 13
- G 69
- B 34
-
- C 82
- M 0
- Y 51
- K 31
● #20af56 color description : Dark cyan - lime green.
#20af56 Color Conversion
The hexadecimal color #20af56 has RGB values of R:32, G:175, B:86 and CMYK values of C:0.82, M:0, Y:0.51, K:0.31. Its decimal value is 2142038.
Hex triplet | 20af56 | #20af56 |
---|---|---|
RGB Decimal | 32, 175, 86 | rgb(32,175,86) |
RGB Percent | 12.5, 68.6, 33.7 | rgb(12.5%,68.6%,33.7%) |
CMYK | 82, 0, 51, 31 | |
HSL | 142.7°, 69.1, 40.6 | hsl(142.7,69.1%,40.6%) |
HSV (or HSB) | 142.7°, 81.7, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.042, -55.686, 35.376 |
---|---|
XYZ | 17.604, 31.637, 13.982 |
xyY | 0.278, 0.5, 31.637 |
CIE-LCH | 63.042, 65.973, 147.573 |
CIE-LUV | 63.042, -54.09, 53.078 |
Hunter-Lab | 56.247, -42.565, 24.634 |
Binary | 00100000, 10101111, 01010110 |
Color Schemes with #20af56
Alternatives to #20af56
Below, you can see some colors close to #20af56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20af56 Preview
This text has a font color of #20af56.
<span style="color:#20af56;">Text here</span>
This paragraph has a background color of #20af56.
<p style="background-color:#20af56;">Content here</p>
This element has a border color of #20af56.
<div style="border:1px solid #20af56;">Content here</div>
.text {color:#20af56;}
.background {background-color:#20af56;}
.border {border:1px solid #20af56;}
Shades and Tints of #20af56
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, #020905 is the darkest color, while #f8fefa is the lightest one.
-
#020905
#020905
rgb(2,9,5)
-
#051a0d
#051a0d
rgb(5,26,13)
-
#082a15
#082a15
rgb(8,42,21)
-
#0b3b1d
#0b3b1d
rgb(11,59,29)
-
#0e4c25
#0e4c25
rgb(14,76,37)
-
#115c2d
#115c2d
rgb(17,92,45)
-
#146d35
#146d35
rgb(20,109,53)
-
#177d3e
#177d3e
rgb(23,125,62)
-
#1a8e46
#1a8e46
rgb(26,142,70)
-
#1d9e4e
#1d9e4e
rgb(29,158,78)
-
#20af56
#20af56
rgb(32,175,86)
-
#23c05e
#23c05e
rgb(35,192,94)
-
#26d066
#26d066
rgb(38,208,102)
-
#31d970
#31d970
rgb(49,217,112)
-
#41dc7c
#41dc7c
rgb(65,220,124)
-
#52df87
#52df87
rgb(82,223,135)
-
#62e293
#62e293
rgb(98,226,147)
-
#73e59e
#73e59e
rgb(115,229,158)
-
#84e8aa
#84e8aa
rgb(132,232,170)
-
#94ebb5
#94ebb5
rgb(148,235,181)
-
#a5eec1
#a5eec1
rgb(165,238,193)
-
#b5f2cc
#b5f2cc
rgb(181,242,204)
-
#c6f5d7
#c6f5d7
rgb(198,245,215)
-
#d6f8e3
#d6f8e3
rgb(214,248,227)
-
#e7fbee
#e7fbee
rgb(231,251,238)
-
#f8fefa
#f8fefa
rgb(248,254,250)
Tones of #20af56
A tone is produced by adding gray to any pure hue. In this case, #606f66 is the less saturated color, while #00cf4e is the most saturated one.
-
#606f66
#606f66
rgb(96,111,102)
-
#587764
#587764
rgb(88,119,100)
-
#507f62
#507f62
rgb(80,127,98)
-
#488760
#488760
rgb(72,135,96)
-
#408f5e
#408f5e
rgb(64,143,94)
-
#38975c
#38975c
rgb(56,151,92)
-
#309f5a
#309f5a
rgb(48,159,90)
-
#28a758
#28a758
rgb(40,167,88)
-
#20af56
#20af56
rgb(32,175,86)
-
#18b754
#18b754
rgb(24,183,84)
-
#10bf52
#10bf52
rgb(16,191,82)
-
#08c750
#08c750
rgb(8,199,80)
-
#00cf4e
#00cf4e
rgb(0,207,78)
Color Blindness Simulator
Below, you can see how #20af56 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.