#20a676 Color Information
In a RGB color space, hex #20a676 is composed of 12.5% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 28.9% yellow and 34.9% black. It has a hue angle of 158.5 degrees, a saturation of 67.7% and a lightness of 38.8%. #20a676 color hex could be obtained by blending #40ffec with #004d00. Closest websafe color is: #339966.
-
- R 13
- G 65
- B 46
-
- C 81
- M 0
- Y 29
- K 35
● #20a676 color description : Dark cyan - lime green.
#20a676 Color Conversion
The hexadecimal color #20a676 has RGB values of R:32, G:166, B:118 and CMYK values of C:0.81, M:0, Y:0.29, K:0.35. Its decimal value is 2139766.
Hex triplet | 20a676 | #20a676 |
---|---|---|
RGB Decimal | 32, 166, 118 | rgb(32,166,118) |
RGB Percent | 12.5, 65.1, 46.3 | rgb(12.5%,65.1%,46.3%) |
CMYK | 81, 0, 29, 35 | |
HSL | 158.5°, 67.7, 38.8 | hsl(158.5,67.7%,38.8%) |
HSV (or HSB) | 158.5°, 80.7, 65.1 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 60.681, -46.069, 15.22 |
---|---|
XYZ | 17.5, 28.886, 21.792 |
xyY | 0.257, 0.424, 28.886 |
CIE-LCH | 60.681, 48.518, 161.718 |
CIE-LUV | 60.681, -49.082, 27.868 |
Hunter-Lab | 53.745, -35.932, 13.582 |
Binary | 00100000, 10100110, 01110110 |
Color Schemes with #20a676
Alternatives to #20a676
Below, you can see some colors close to #20a676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a676 Preview
This text has a font color of #20a676.
<span style="color:#20a676;">Text here</span>
This paragraph has a background color of #20a676.
<p style="background-color:#20a676;">Content here</p>
This element has a border color of #20a676.
<div style="border:1px solid #20a676;">Content here</div>
.text {color:#20a676;}
.background {background-color:#20a676;}
.border {border:1px solid #20a676;}
Shades and Tints of #20a676
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 #f0fcf8 is the lightest one.
-
#000201
#000201
rgb(0,2,1)
-
#03120d
#03120d
rgb(3,18,13)
-
#072218
#072218
rgb(7,34,24)
-
#0a3324
#0a3324
rgb(10,51,36)
-
#0d4330
#0d4330
rgb(13,67,48)
-
#10543c
#10543c
rgb(16,84,60)
-
#136447
#136447
rgb(19,100,71)
-
#167553
#167553
rgb(22,117,83)
-
#1a855f
#1a855f
rgb(26,133,95)
-
#1d966a
#1d966a
rgb(29,150,106)
-
#20a676
#20a676
rgb(32,166,118)
-
#23b682
#23b682
rgb(35,182,130)
-
#26c78d
#26c78d
rgb(38,199,141)
-
#2bd699
#2bd699
rgb(43,214,153)
-
#3bd9a1
#3bd9a1
rgb(59,217,161)
-
#4cdca9
#4cdca9
rgb(76,220,169)
-
#5ce0b0
#5ce0b0
rgb(92,224,176)
-
#6de3b8
#6de3b8
rgb(109,227,184)
-
#7de6c0
#7de6c0
rgb(125,230,192)
-
#8de9c8
#8de9c8
rgb(141,233,200)
-
#9eecd0
#9eecd0
rgb(158,236,208)
-
#aeefd8
#aeefd8
rgb(174,239,216)
-
#bff3e0
#bff3e0
rgb(191,243,224)
-
#cff6e8
#cff6e8
rgb(207,246,232)
-
#e0f9f0
#e0f9f0
rgb(224,249,240)
-
#f0fcf8
#f0fcf8
rgb(240,252,248)
Tones of #20a676
A tone is produced by adding gray to any pure hue. In this case, #5d6965 is the less saturated color, while #02c47f is the most saturated one.
-
#5d6965
#5d6965
rgb(93,105,101)
-
#557167
#557167
rgb(85,113,103)
-
#4e7869
#4e7869
rgb(78,120,105)
-
#46806b
#46806b
rgb(70,128,107)
-
#3e886d
#3e886d
rgb(62,136,109)
-
#378f70
#378f70
rgb(55,143,112)
-
#2f9772
#2f9772
rgb(47,151,114)
-
#289e74
#289e74
rgb(40,158,116)
-
#20a676
#20a676
rgb(32,166,118)
-
#18ae78
#18ae78
rgb(24,174,120)
-
#11b57a
#11b57a
rgb(17,181,122)
-
#09bd7c
#09bd7c
rgb(9,189,124)
-
#02c47f
#02c47f
rgb(2,196,127)
Color Blindness Simulator
Below, you can see how #20a676 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.