#20a889 Color Information
In a RGB color space, hex #20a889 is composed of 12.5% red, 65.9% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 18.5% yellow and 34.1% black. It has a hue angle of 166.3 degrees, a saturation of 68% and a lightness of 39.2%. #20a889 color hex could be obtained by blending #40ffff with #005113. Closest websafe color is: #339999.
-
- R 13
- G 66
- B 54
-
- C 81
- M 0
- Y 18
- K 34
● #20a889 color description : Dark cyan.
#20a889 Color Conversion
The hexadecimal color #20a889 has RGB values of R:32, G:168, B:137 and CMYK values of C:0.81, M:0, Y:0.18, K:0.34. Its decimal value is 2140297.
Hex triplet | 20a889 | #20a889 |
---|---|---|
RGB Decimal | 32, 168, 137 | rgb(32,168,137) |
RGB Percent | 12.5, 65.9, 53.7 | rgb(12.5%,65.9%,53.7%) |
CMYK | 81, 0, 18, 34 | |
HSL | 166.3°, 68, 39.2 | hsl(166.3,68%,39.2%) |
HSV (or HSB) | 166.3°, 81, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.755, -42.223, 6.167 |
---|---|
XYZ | 19.112, 30.117, 28.471 |
xyY | 0.246, 0.388, 30.117 |
CIE-LCH | 61.755, 42.671, 171.69 |
CIE-LUV | 61.755, -48.499, 15.19 |
Hunter-Lab | 54.879, -33.873, 7.655 |
Binary | 00100000, 10101000, 10001001 |
Color Schemes with #20a889
Alternatives to #20a889
Below, you can see some colors close to #20a889. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a889 Preview
This text has a font color of #20a889.
<span style="color:#20a889;">Text here</span>
This paragraph has a background color of #20a889.
<p style="background-color:#20a889;">Content here</p>
This element has a border color of #20a889.
<div style="border:1px solid #20a889;">Content here</div>
.text {color:#20a889;}
.background {background-color:#20a889;}
.border {border:1px solid #20a889;}
Shades and Tints of #20a889
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, #010303 is the darkest color, while #f2fcfa is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#041410
#041410
rgb(4,20,16)
-
#07241e
#07241e
rgb(7,36,30)
-
#0a352b
#0a352b
rgb(10,53,43)
-
#0d4538
#0d4538
rgb(13,69,56)
-
#105646
#105646
rgb(16,86,70)
-
#136653
#136653
rgb(19,102,83)
-
#177761
#177761
rgb(23,119,97)
-
#1a876e
#1a876e
rgb(26,135,110)
-
#1d987c
#1d987c
rgb(29,152,124)
-
#20a889
#20a889
rgb(32,168,137)
-
#23b896
#23b896
rgb(35,184,150)
-
#26c9a4
#26c9a4
rgb(38,201,164)
-
#2cd7b0
#2cd7b0
rgb(44,215,176)
-
#3ddab6
#3ddab6
rgb(61,218,182)
-
#4dddbc
#4dddbc
rgb(77,221,188)
-
#5de0c2
#5de0c2
rgb(93,224,194)
-
#6ee3c9
#6ee3c9
rgb(110,227,201)
-
#7ee7cf
#7ee7cf
rgb(126,231,207)
-
#8fead5
#8fead5
rgb(143,234,213)
-
#9feddb
#9feddb
rgb(159,237,219)
-
#b0f0e1
#b0f0e1
rgb(176,240,225)
-
#c0f3e7
#c0f3e7
rgb(192,243,231)
-
#d1f6ee
#d1f6ee
rgb(209,246,238)
-
#e1f9f4
#e1f9f4
rgb(225,249,244)
-
#f2fcfa
#f2fcfa
rgb(242,252,250)
Tones of #20a889
A tone is produced by adding gray to any pure hue. In this case, #5e6a68 is the less saturated color, while #01c79a is the most saturated one.
-
#5e6a68
#5e6a68
rgb(94,106,104)
-
#56726c
#56726c
rgb(86,114,108)
-
#4e7a70
#4e7a70
rgb(78,122,112)
-
#468274
#468274
rgb(70,130,116)
-
#3f8978
#3f8978
rgb(63,137,120)
-
#37917c
#37917c
rgb(55,145,124)
-
#2f9981
#2f9981
rgb(47,153,129)
-
#28a085
#28a085
rgb(40,160,133)
-
#20a889
#20a889
rgb(32,168,137)
-
#18b08d
#18b08d
rgb(24,176,141)
-
#11b791
#11b791
rgb(17,183,145)
-
#09bf96
#09bf96
rgb(9,191,150)
-
#01c79a
#01c79a
rgb(1,199,154)
Color Blindness Simulator
Below, you can see how #20a889 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.