#20aa96 Color Information
In a RGB color space, hex #20aa96 is composed of 12.5% red, 66.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 11.8% yellow and 33.3% black. It has a hue angle of 171.3 degrees, a saturation of 68.3% and a lightness of 39.6%. #20aa96 color hex could be obtained by blending #40ffff with #00552d. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 59
-
- C 81
- M 0
- Y 12
- K 33
● #20aa96 color description : Dark cyan.
#20aa96 Color Conversion
The hexadecimal color #20aa96 has RGB values of R:32, G:170, B:150 and CMYK values of C:0.81, M:0, Y:0.12, K:0.33. Its decimal value is 2140822.
Hex triplet | 20aa96 | #20aa96 |
---|---|---|
RGB Decimal | 32, 170, 150 | rgb(32,170,150) |
RGB Percent | 12.5, 66.7, 58.8 | rgb(12.5%,66.7%,58.8%) |
CMYK | 81, 0, 12, 33 | |
HSL | 171.3°, 68.3, 39.6 | hsl(171.3,68.3%,39.6%) |
HSV (or HSB) | 171.3°, 81.2, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.724, -39.602, 0.302 |
---|---|
XYZ | 20.474, 31.256, 33.807 |
xyY | 0.239, 0.365, 31.256 |
CIE-LCH | 62.724, 39.603, 179.563 |
CIE-LUV | 62.724, -48.281, 6.409 |
Hunter-Lab | 55.908, -32.471, 3.283 |
Binary | 00100000, 10101010, 10010110 |
Color Schemes with #20aa96
Alternatives to #20aa96
Below, you can see some colors close to #20aa96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20aa96 Preview
This text has a font color of #20aa96.
<span style="color:#20aa96;">Text here</span>
This paragraph has a background color of #20aa96.
<p style="background-color:#20aa96;">Content here</p>
This element has a border color of #20aa96.
<div style="border:1px solid #20aa96;">Content here</div>
.text {color:#20aa96;}
.background {background-color:#20aa96;}
.border {border:1px solid #20aa96;}
Shades and Tints of #20aa96
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 #f3fdfb is the lightest one.
-
#010504
#010504
rgb(1,5,4)
-
#041513
#041513
rgb(4,21,19)
-
#072621
#072621
rgb(7,38,33)
-
#0a3630
#0a3630
rgb(10,54,48)
-
#0d473f
#0d473f
rgb(13,71,63)
-
#10574d
#10574d
rgb(16,87,77)
-
#14685c
#14685c
rgb(20,104,92)
-
#17786a
#17786a
rgb(23,120,106)
-
#1a8979
#1a8979
rgb(26,137,121)
-
#1d9987
#1d9987
rgb(29,153,135)
-
#20aa96
#20aa96
rgb(32,170,150)
-
#23bba5
#23bba5
rgb(35,187,165)
-
#26cbb3
#26cbb3
rgb(38,203,179)
-
#2dd8bf
#2dd8bf
rgb(45,216,191)
-
#3edbc4
#3edbc4
rgb(62,219,196)
-
#4edec9
#4edec9
rgb(78,222,201)
-
#5fe1ce
#5fe1ce
rgb(95,225,206)
-
#6fe4d3
#6fe4d3
rgb(111,228,211)
-
#80e7d8
#80e7d8
rgb(128,231,216)
-
#90eadd
#90eadd
rgb(144,234,221)
-
#a1ede2
#a1ede2
rgb(161,237,226)
-
#b1f0e7
#b1f0e7
rgb(177,240,231)
-
#c2f3ec
#c2f3ec
rgb(194,243,236)
-
#d2f7f1
#d2f7f1
rgb(210,247,241)
-
#e3faf6
#e3faf6
rgb(227,250,246)
-
#f3fdfb
#f3fdfb
rgb(243,253,251)
Tones of #20aa96
A tone is produced by adding gray to any pure hue. In this case, #5e6c6a is the less saturated color, while #01c9ac is the most saturated one.
-
#5e6c6a
#5e6c6a
rgb(94,108,106)
-
#56746f
#56746f
rgb(86,116,111)
-
#4f7b75
#4f7b75
rgb(79,123,117)
-
#47837a
#47837a
rgb(71,131,122)
-
#3f8b80
#3f8b80
rgb(63,139,128)
-
#379385
#379385
rgb(55,147,133)
-
#309a8b
#309a8b
rgb(48,154,139)
-
#28a290
#28a290
rgb(40,162,144)
-
#20aa96
#20aa96
rgb(32,170,150)
-
#18b29c
#18b29c
rgb(24,178,156)
-
#10baa1
#10baa1
rgb(16,186,161)
-
#09c1a7
#09c1a7
rgb(9,193,167)
-
#01c9ac
#01c9ac
rgb(1,201,172)
Color Blindness Simulator
Below, you can see how #20aa96 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.