#20aa97 Color Information
In a RGB color space, hex #20aa97 is composed of 12.5% red, 66.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 11.2% yellow and 33.3% black. It has a hue angle of 171.7 degrees, a saturation of 68.3% and a lightness of 39.6%. #20aa97 color hex could be obtained by blending #40ffff with #00552f. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 59
-
- C 81
- M 0
- Y 11
- K 33
● #20aa97 color description : Dark cyan.
#20aa97 Color Conversion
The hexadecimal color #20aa97 has RGB values of R:32, G:170, B:151 and CMYK values of C:0.81, M:0, Y:0.11, K:0.33. Its decimal value is 2140823.
Hex triplet | 20aa97 | #20aa97 |
---|---|---|
RGB Decimal | 32, 170, 151 | rgb(32,170,151) |
RGB Percent | 12.5, 66.7, 59.2 | rgb(12.5%,66.7%,59.2%) |
CMYK | 81, 0, 11, 33 | |
HSL | 171.7°, 68.3, 39.6 | hsl(171.7,68.3%,39.6%) |
HSV (or HSB) | 171.7°, 81.2, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.751, -39.325, -0.218 |
---|---|
XYZ | 20.554, 31.289, 34.233 |
xyY | 0.239, 0.364, 31.289 |
CIE-LCH | 62.751, 39.325, 180.317 |
CIE-LUV | 62.751, -48.208, 5.604 |
Hunter-Lab | 55.936, -32.297, 2.871 |
Binary | 00100000, 10101010, 10010111 |
Color Schemes with #20aa97
Alternatives to #20aa97
Below, you can see some colors close to #20aa97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20aa97 Preview
This text has a font color of #20aa97.
<span style="color:#20aa97;">Text here</span>
This paragraph has a background color of #20aa97.
<p style="background-color:#20aa97;">Content here</p>
This element has a border color of #20aa97.
<div style="border:1px solid #20aa97;">Content here</div>
.text {color:#20aa97;}
.background {background-color:#20aa97;}
.border {border:1px solid #20aa97;}
Shades and Tints of #20aa97
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 #f3fdfc is the lightest one.
-
#010504
#010504
rgb(1,5,4)
-
#041513
#041513
rgb(4,21,19)
-
#072622
#072622
rgb(7,38,34)
-
#0a3630
#0a3630
rgb(10,54,48)
-
#0d473f
#0d473f
rgb(13,71,63)
-
#10574e
#10574e
rgb(16,87,78)
-
#14685c
#14685c
rgb(20,104,92)
-
#17786b
#17786b
rgb(23,120,107)
-
#1a897a
#1a897a
rgb(26,137,122)
-
#1d9988
#1d9988
rgb(29,153,136)
-
#20aa97
#20aa97
rgb(32,170,151)
-
#23bba6
#23bba6
rgb(35,187,166)
-
#26cbb4
#26cbb4
rgb(38,203,180)
-
#2dd8c0
#2dd8c0
rgb(45,216,192)
-
#3edbc5
#3edbc5
rgb(62,219,197)
-
#4edeca
#4edeca
rgb(78,222,202)
-
#5fe1cf
#5fe1cf
rgb(95,225,207)
-
#6fe4d4
#6fe4d4
rgb(111,228,212)
-
#80e7d9
#80e7d9
rgb(128,231,217)
-
#90eade
#90eade
rgb(144,234,222)
-
#a1ede3
#a1ede3
rgb(161,237,227)
-
#b1f0e8
#b1f0e8
rgb(177,240,232)
-
#c2f3ed
#c2f3ed
rgb(194,243,237)
-
#d2f7f2
#d2f7f2
rgb(210,247,242)
-
#e3faf7
#e3faf7
rgb(227,250,247)
-
#f3fdfc
#f3fdfc
rgb(243,253,252)
Tones of #20aa97
A tone is produced by adding gray to any pure hue. In this case, #5e6c6a is the less saturated color, while #01c9ae is the most saturated one.
-
#5e6c6a
#5e6c6a
rgb(94,108,106)
-
#567470
#567470
rgb(86,116,112)
-
#4f7b75
#4f7b75
rgb(79,123,117)
-
#47837b
#47837b
rgb(71,131,123)
-
#3f8b80
#3f8b80
rgb(63,139,128)
-
#379386
#379386
rgb(55,147,134)
-
#309a8c
#309a8c
rgb(48,154,140)
-
#28a291
#28a291
rgb(40,162,145)
-
#20aa97
#20aa97
rgb(32,170,151)
-
#18b29d
#18b29d
rgb(24,178,157)
-
#10baa2
#10baa2
rgb(16,186,162)
-
#09c1a8
#09c1a8
rgb(9,193,168)
-
#01c9ae
#01c9ae
rgb(1,201,174)
Color Blindness Simulator
Below, you can see how #20aa97 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.