#20af57 Color Information
In a RGB color space, hex #20af57 is composed of 12.5% red, 68.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 50.3% yellow and 31.4% black. It has a hue angle of 143.1 degrees, a saturation of 69.1% and a lightness of 40.6%. #20af57 color hex could be obtained by blending #40ffae with #005f00. Closest websafe color is: #339966.
-
- R 13
- G 69
- B 34
-
- C 82
- M 0
- Y 50
- K 31
● #20af57 color description : Dark cyan - lime green.
#20af57 Color Conversion
The hexadecimal color #20af57 has RGB values of R:32, G:175, B:87 and CMYK values of C:0.82, M:0, Y:0.5, K:0.31. Its decimal value is 2142039.
Hex triplet | 20af57 | #20af57 |
---|---|---|
RGB Decimal | 32, 175, 87 | rgb(32,175,87) |
RGB Percent | 12.5, 68.6, 34.1 | rgb(12.5%,68.6%,34.1%) |
CMYK | 82, 0, 50, 31 | |
HSL | 143.1°, 69.1, 40.6 | hsl(143.1,69.1%,40.6%) |
HSV (or HSB) | 143.1°, 81.7, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.055, -55.525, 34.888 |
---|---|
XYZ | 17.645, 31.653, 14.196 |
xyY | 0.278, 0.499, 31.653 |
CIE-LCH | 63.055, 65.576, 147.858 |
CIE-LUV | 63.055, -54.04, 52.558 |
Hunter-Lab | 56.261, -42.476, 24.423 |
Binary | 00100000, 10101111, 01010111 |
Color Schemes with #20af57
Alternatives to #20af57
Below, you can see some colors close to #20af57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20af57 Preview
This text has a font color of #20af57.
<span style="color:#20af57;">Text here</span>
This paragraph has a background color of #20af57.
<p style="background-color:#20af57;">Content here</p>
This element has a border color of #20af57.
<div style="border:1px solid #20af57;">Content here</div>
.text {color:#20af57;}
.background {background-color:#20af57;}
.border {border:1px solid #20af57;}
Shades and Tints of #20af57
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)
-
#0e4c26
#0e4c26
rgb(14,76,38)
-
#115c2e
#115c2e
rgb(17,92,46)
-
#146d36
#146d36
rgb(20,109,54)
-
#177d3e
#177d3e
rgb(23,125,62)
-
#1a8e47
#1a8e47
rgb(26,142,71)
-
#1d9e4f
#1d9e4f
rgb(29,158,79)
-
#20af57
#20af57
rgb(32,175,87)
-
#23c05f
#23c05f
rgb(35,192,95)
-
#26d067
#26d067
rgb(38,208,103)
-
#31d971
#31d971
rgb(49,217,113)
-
#41dc7d
#41dc7d
rgb(65,220,125)
-
#52df88
#52df88
rgb(82,223,136)
-
#62e294
#62e294
rgb(98,226,148)
-
#73e59f
#73e59f
rgb(115,229,159)
-
#84e8aa
#84e8aa
rgb(132,232,170)
-
#94ebb6
#94ebb6
rgb(148,235,182)
-
#a5eec1
#a5eec1
rgb(165,238,193)
-
#b5f2cc
#b5f2cc
rgb(181,242,204)
-
#c6f5d8
#c6f5d8
rgb(198,245,216)
-
#d6f8e3
#d6f8e3
rgb(214,248,227)
-
#e7fbef
#e7fbef
rgb(231,251,239)
-
#f8fefa
#f8fefa
rgb(248,254,250)
Tones of #20af57
A tone is produced by adding gray to any pure hue. In this case, #606f66 is the less saturated color, while #00cf50 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)
-
#38975d
#38975d
rgb(56,151,93)
-
#309f5b
#309f5b
rgb(48,159,91)
-
#28a759
#28a759
rgb(40,167,89)
-
#20af57
#20af57
rgb(32,175,87)
-
#18b755
#18b755
rgb(24,183,85)
-
#10bf53
#10bf53
rgb(16,191,83)
-
#08c751
#08c751
rgb(8,199,81)
-
#00cf50
#00cf50
rgb(0,207,80)
Color Blindness Simulator
Below, you can see how #20af57 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.