#20a696 Color Information
In a RGB color space, hex #20a696 is composed of 12.5% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 172.8 degrees, a saturation of 67.7% and a lightness of 38.8%. #20a696 color hex could be obtained by blending #40ffff with #004d2d. Closest websafe color is: #339999.
-
- R 13
- G 65
- B 59
-
- C 81
- M 0
- Y 10
- K 35
● #20a696 color description : Dark cyan.
#20a696 Color Conversion
The hexadecimal color #20a696 has RGB values of R:32, G:166, B:150 and CMYK values of C:0.81, M:0, Y:0.1, K:0.35. Its decimal value is 2139798.
Hex triplet | 20a696 | #20a696 |
---|---|---|
RGB Decimal | 32, 166, 150 | rgb(32,166,150) |
RGB Percent | 12.5, 65.1, 58.8 | rgb(12.5%,65.1%,58.8%) |
CMYK | 81, 0, 10, 35 | |
HSL | 172.8°, 67.7, 38.8 | hsl(172.8,67.7%,38.8%) |
HSV (or HSB) | 172.8°, 80.7, 65.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.464, -37.819, -1.541 |
---|---|
XYZ | 19.735, 29.78, 33.56 |
xyY | 0.238, 0.358, 29.78 |
CIE-LCH | 61.464, 37.85, 182.334 |
CIE-LUV | 61.464, -46.857, 3.407 |
Hunter-Lab | 54.571, -30.946, 1.737 |
Binary | 00100000, 10100110, 10010110 |
Color Schemes with #20a696
Alternatives to #20a696
Below, you can see some colors close to #20a696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a696 Preview
This text has a font color of #20a696.
<span style="color:#20a696;">Text here</span>
This paragraph has a background color of #20a696.
<p style="background-color:#20a696;">Content here</p>
This element has a border color of #20a696.
<div style="border:1px solid #20a696;">Content here</div>
.text {color:#20a696;}
.background {background-color:#20a696;}
.border {border:1px solid #20a696;}
Shades and Tints of #20a696
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 #f0fcfb is the lightest one.
-
#000201
#000201
rgb(0,2,1)
-
#031210
#031210
rgb(3,18,16)
-
#07221f
#07221f
rgb(7,34,31)
-
#0a332e
#0a332e
rgb(10,51,46)
-
#0d433d
#0d433d
rgb(13,67,61)
-
#10544c
#10544c
rgb(16,84,76)
-
#13645b
#13645b
rgb(19,100,91)
-
#167569
#167569
rgb(22,117,105)
-
#1a8578
#1a8578
rgb(26,133,120)
-
#1d9687
#1d9687
rgb(29,150,135)
-
#20a696
#20a696
rgb(32,166,150)
-
#23b6a5
#23b6a5
rgb(35,182,165)
-
#26c7b4
#26c7b4
rgb(38,199,180)
-
#2bd6c2
#2bd6c2
rgb(43,214,194)
-
#3bd9c6
#3bd9c6
rgb(59,217,198)
-
#4cdccb
#4cdccb
rgb(76,220,203)
-
#5ce0d0
#5ce0d0
rgb(92,224,208)
-
#6de3d5
#6de3d5
rgb(109,227,213)
-
#7de6d9
#7de6d9
rgb(125,230,217)
-
#8de9de
#8de9de
rgb(141,233,222)
-
#9eece3
#9eece3
rgb(158,236,227)
-
#aeefe8
#aeefe8
rgb(174,239,232)
-
#bff3ec
#bff3ec
rgb(191,243,236)
-
#cff6f1
#cff6f1
rgb(207,246,241)
-
#e0f9f6
#e0f9f6
rgb(224,249,246)
-
#f0fcfb
#f0fcfb
rgb(240,252,251)
Tones of #20a696
A tone is produced by adding gray to any pure hue. In this case, #5d6968 is the less saturated color, while #02c4ad is the most saturated one.
-
#5d6968
#5d6968
rgb(93,105,104)
-
#55716d
#55716d
rgb(85,113,109)
-
#4e7873
#4e7873
rgb(78,120,115)
-
#468079
#468079
rgb(70,128,121)
-
#3e887f
#3e887f
rgb(62,136,127)
-
#378f85
#378f85
rgb(55,143,133)
-
#2f978a
#2f978a
rgb(47,151,138)
-
#289e90
#289e90
rgb(40,158,144)
-
#20a696
#20a696
rgb(32,166,150)
-
#18ae9c
#18ae9c
rgb(24,174,156)
-
#11b5a2
#11b5a2
rgb(17,181,162)
-
#09bda7
#09bda7
rgb(9,189,167)
-
#02c4ad
#02c4ad
rgb(2,196,173)
Color Blindness Simulator
Below, you can see how #20a696 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.