#20aa86 Color Information
In a RGB color space, hex #20aa86 is composed of 12.5% red, 66.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 21.2% yellow and 33.3% black. It has a hue angle of 164.3 degrees, a saturation of 68.3% and a lightness of 39.6%. #20aa86 color hex could be obtained by blending #40ffff with #00550d. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 53
-
- C 81
- M 0
- Y 21
- K 33
● #20aa86 color description : Dark cyan - lime green.
#20aa86 Color Conversion
The hexadecimal color #20aa86 has RGB values of R:32, G:170, B:134 and CMYK values of C:0.81, M:0, Y:0.21, K:0.33. Its decimal value is 2140806.
Hex triplet | 20aa86 | #20aa86 |
---|---|---|
RGB Decimal | 32, 170, 134 | rgb(32,170,134) |
RGB Percent | 12.5, 66.7, 52.5 | rgb(12.5%,66.7%,52.5%) |
CMYK | 81, 0, 21, 33 | |
HSL | 164.3°, 68.3, 39.6 | hsl(164.3,68.3%,39.6%) |
HSV (or HSB) | 164.3°, 81.2, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.318, -43.836, 8.644 |
---|---|
XYZ | 19.272, 30.776, 27.478 |
xyY | 0.249, 0.397, 30.776 |
CIE-LCH | 62.318, 44.68, 168.845 |
CIE-LUV | 62.318, -49.419, 18.909 |
Hunter-Lab | 55.476, -35.074, 9.466 |
Binary | 00100000, 10101010, 10000110 |
Color Schemes with #20aa86
Alternatives to #20aa86
Below, you can see some colors close to #20aa86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20aa86 Preview
This text has a font color of #20aa86.
<span style="color:#20aa86;">Text here</span>
This paragraph has a background color of #20aa86.
<p style="background-color:#20aa86;">Content here</p>
This element has a border color of #20aa86.
<div style="border:1px solid #20aa86;">Content here</div>
.text {color:#20aa86;}
.background {background-color:#20aa86;}
.border {border:1px solid #20aa86;}
Shades and Tints of #20aa86
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, #010504 is the darkest color, while #f3fdfa is the lightest one.
-
#010504
#010504
rgb(1,5,4)
-
#041511
#041511
rgb(4,21,17)
-
#07261e
#07261e
rgb(7,38,30)
-
#0a362b
#0a362b
rgb(10,54,43)
-
#0d4738
#0d4738
rgb(13,71,56)
-
#105745
#105745
rgb(16,87,69)
-
#146852
#146852
rgb(20,104,82)
-
#17785f
#17785f
rgb(23,120,95)
-
#1a896c
#1a896c
rgb(26,137,108)
-
#1d9979
#1d9979
rgb(29,153,121)
-
#20aa86
#20aa86
rgb(32,170,134)
-
#23bb93
#23bb93
rgb(35,187,147)
-
#26cba0
#26cba0
rgb(38,203,160)
-
#2dd8ab
#2dd8ab
rgb(45,216,171)
-
#3edbb2
#3edbb2
rgb(62,219,178)
-
#4edeb8
#4edeb8
rgb(78,222,184)
-
#5fe1bf
#5fe1bf
rgb(95,225,191)
-
#6fe4c6
#6fe4c6
rgb(111,228,198)
-
#80e7cc
#80e7cc
rgb(128,231,204)
-
#90ead3
#90ead3
rgb(144,234,211)
-
#a1edd9
#a1edd9
rgb(161,237,217)
-
#b1f0e0
#b1f0e0
rgb(177,240,224)
-
#c2f3e7
#c2f3e7
rgb(194,243,231)
-
#d2f7ed
#d2f7ed
rgb(210,247,237)
-
#e3faf4
#e3faf4
rgb(227,250,244)
-
#f3fdfa
#f3fdfa
rgb(243,253,250)
Tones of #20aa86
A tone is produced by adding gray to any pure hue. In this case, #5e6c68 is the less saturated color, while #01c995 is the most saturated one.
-
#5e6c68
#5e6c68
rgb(94,108,104)
-
#56746c
#56746c
rgb(86,116,108)
-
#4f7b70
#4f7b70
rgb(79,123,112)
-
#478373
#478373
rgb(71,131,115)
-
#3f8b77
#3f8b77
rgb(63,139,119)
-
#37937b
#37937b
rgb(55,147,123)
-
#309a7f
#309a7f
rgb(48,154,127)
-
#28a282
#28a282
rgb(40,162,130)
-
#20aa86
#20aa86
rgb(32,170,134)
-
#18b28a
#18b28a
rgb(24,178,138)
-
#10ba8d
#10ba8d
rgb(16,186,141)
-
#09c191
#09c191
rgb(9,193,145)
-
#01c995
#01c995
rgb(1,201,149)
Color Blindness Simulator
Below, you can see how #20aa86 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.