#20ab96 Color Information
In a RGB color space, hex #20ab96 is composed of 12.5% red, 67.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 12.3% yellow and 32.9% black. It has a hue angle of 170.9 degrees, a saturation of 68.5% and a lightness of 39.8%. #20ab96 color hex could be obtained by blending #40ffff with #00572d. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 59
-
- C 81
- M 0
- Y 12
- K 33
● #20ab96 color description : Dark cyan.
#20ab96 Color Conversion
The hexadecimal color #20ab96 has RGB values of R:32, G:171, B:150 and CMYK values of C:0.81, M:0, Y:0.12, K:0.33. Its decimal value is 2141078.
Hex triplet | 20ab96 | #20ab96 |
---|---|---|
RGB Decimal | 32, 171, 150 | rgb(32,171,150) |
RGB Percent | 12.5, 67.1, 58.8 | rgb(12.5%,67.1%,58.8%) |
CMYK | 81, 0, 12, 33 | |
HSL | 170.9°, 68.5, 39.8 | hsl(170.9,68.5%,39.8%) |
HSV (or HSB) | 170.9°, 81.3, 67.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.038, -40.043, 0.761 |
---|---|
XYZ | 20.662, 31.633, 33.869 |
xyY | 0.24, 0.367, 31.633 |
CIE-LCH | 63.038, 40.05, 178.912 |
CIE-LUV | 63.038, -48.635, 7.155 |
Hunter-Lab | 56.243, -32.851, 3.666 |
Binary | 00100000, 10101011, 10010110 |
Color Schemes with #20ab96
Alternatives to #20ab96
Below, you can see some colors close to #20ab96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ab96 Preview
This text has a font color of #20ab96.
<span style="color:#20ab96;">Text here</span>
This paragraph has a background color of #20ab96.
<p style="background-color:#20ab96;">Content here</p>
This element has a border color of #20ab96.
<div style="border:1px solid #20ab96;">Content here</div>
.text {color:#20ab96;}
.background {background-color:#20ab96;}
.border {border:1px solid #20ab96;}
Shades and Tints of #20ab96
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, #010605 is the darkest color, while #f4fdfc is the lightest one.
-
#010605
#010605
rgb(1,6,5)
-
#041614
#041614
rgb(4,22,20)
-
#072722
#072722
rgb(7,39,34)
-
#0a3731
#0a3731
rgb(10,55,49)
-
#0d483f
#0d483f
rgb(13,72,63)
-
#11584e
#11584e
rgb(17,88,78)
-
#14695c
#14695c
rgb(20,105,92)
-
#17796b
#17796b
rgb(23,121,107)
-
#1a8a79
#1a8a79
rgb(26,138,121)
-
#1d9a88
#1d9a88
rgb(29,154,136)
-
#20ab96
#20ab96
rgb(32,171,150)
-
#23bca4
#23bca4
rgb(35,188,164)
-
#26ccb3
#26ccb3
rgb(38,204,179)
-
#2ed8be
#2ed8be
rgb(46,216,190)
-
#3edbc3
#3edbc3
rgb(62,219,195)
-
#4fdec8
#4fdec8
rgb(79,222,200)
-
#60e1ce
#60e1ce
rgb(96,225,206)
-
#70e4d3
#70e4d3
rgb(112,228,211)
-
#81e7d8
#81e7d8
rgb(129,231,216)
-
#91eadd
#91eadd
rgb(145,234,221)
-
#a2eee2
#a2eee2
rgb(162,238,226)
-
#b2f1e7
#b2f1e7
rgb(178,241,231)
-
#c3f4ec
#c3f4ec
rgb(195,244,236)
-
#d3f7f1
#d3f7f1
rgb(211,247,241)
-
#e4faf7
#e4faf7
rgb(228,250,247)
-
#f4fdfc
#f4fdfc
rgb(244,253,252)
Tones of #20ab96
A tone is produced by adding gray to any pure hue. In this case, #5e6d6a is the less saturated color, while #01caac is the most saturated one.
-
#5e6d6a
#5e6d6a
rgb(94,109,106)
-
#577470
#577470
rgb(87,116,112)
-
#4f7c75
#4f7c75
rgb(79,124,117)
-
#47847b
#47847b
rgb(71,132,123)
-
#3f8c80
#3f8c80
rgb(63,140,128)
-
#379486
#379486
rgb(55,148,134)
-
#309b8b
#309b8b
rgb(48,155,139)
-
#28a391
#28a391
rgb(40,163,145)
-
#20ab96
#20ab96
rgb(32,171,150)
-
#18b39b
#18b39b
rgb(24,179,155)
-
#10bba1
#10bba1
rgb(16,187,161)
-
#09c2a6
#09c2a6
rgb(9,194,166)
-
#01caac
#01caac
rgb(1,202,172)
Color Blindness Simulator
Below, you can see how #20ab96 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.