#20a895 Color Information
In a RGB color space, hex #20a895 is composed of 12.5% red, 65.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 0% magenta, 11.3% yellow and 34.1% black. It has a hue angle of 171.6 degrees, a saturation of 68% and a lightness of 39.2%. #20a895 color hex could be obtained by blending #40ffff with #00512b. Closest websafe color is: #339999.
-
- R 13
- G 66
- B 58
-
- C 81
- M 0
- Y 11
- K 34
● #20a895 color description : Dark cyan.
#20a895 Color Conversion
The hexadecimal color #20a895 has RGB values of R:32, G:168, B:149 and CMYK values of C:0.81, M:0, Y:0.11, K:0.34. Its decimal value is 2140309.
Hex triplet | 20a895 | #20a895 |
---|---|---|
RGB Decimal | 32, 168, 149 | rgb(32,168,149) |
RGB Percent | 12.5, 65.9, 58.4 | rgb(12.5%,65.9%,58.4%) |
CMYK | 81, 0, 11, 34 | |
HSL | 171.6°, 68, 39.2 | hsl(171.6,68%,39.2%) |
HSV (or HSB) | 171.6°, 81, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.066, -38.993, -0.098 |
---|---|
XYZ | 20.021, 30.48, 33.26 |
xyY | 0.239, 0.364, 30.48 |
CIE-LCH | 62.066, 38.993, 180.144 |
CIE-LUV | 62.066, -47.642, 5.719 |
Hunter-Lab | 55.209, -31.884, 2.927 |
Binary | 00100000, 10101000, 10010101 |
Color Schemes with #20a895
Alternatives to #20a895
Below, you can see some colors close to #20a895. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a895 Preview
This text has a font color of #20a895.
<span style="color:#20a895;">Text here</span>
This paragraph has a background color of #20a895.
<p style="background-color:#20a895;">Content here</p>
This element has a border color of #20a895.
<div style="border:1px solid #20a895;">Content here</div>
.text {color:#20a895;}
.background {background-color:#20a895;}
.border {border:1px solid #20a895;}
Shades and Tints of #20a895
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 #f2fcfb is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#041411
#041411
rgb(4,20,17)
-
#072420
#072420
rgb(7,36,32)
-
#0a352f
#0a352f
rgb(10,53,47)
-
#0d453d
#0d453d
rgb(13,69,61)
-
#10564c
#10564c
rgb(16,86,76)
-
#13665b
#13665b
rgb(19,102,91)
-
#177769
#177769
rgb(23,119,105)
-
#1a8778
#1a8778
rgb(26,135,120)
-
#1d9886
#1d9886
rgb(29,152,134)
-
#20a895
#20a895
rgb(32,168,149)
-
#23b8a4
#23b8a4
rgb(35,184,164)
-
#26c9b2
#26c9b2
rgb(38,201,178)
-
#2cd7bf
#2cd7bf
rgb(44,215,191)
-
#3ddac4
#3ddac4
rgb(61,218,196)
-
#4dddc9
#4dddc9
rgb(77,221,201)
-
#5de0ce
#5de0ce
rgb(93,224,206)
-
#6ee3d3
#6ee3d3
rgb(110,227,211)
-
#7ee7d8
#7ee7d8
rgb(126,231,216)
-
#8feadd
#8feadd
rgb(143,234,221)
-
#9fede2
#9fede2
rgb(159,237,226)
-
#b0f0e7
#b0f0e7
rgb(176,240,231)
-
#c0f3ec
#c0f3ec
rgb(192,243,236)
-
#d1f6f1
#d1f6f1
rgb(209,246,241)
-
#e1f9f6
#e1f9f6
rgb(225,249,246)
-
#f2fcfb
#f2fcfb
rgb(242,252,251)
Tones of #20a895
A tone is produced by adding gray to any pure hue. In this case, #5e6a69 is the less saturated color, while #01c7ab is the most saturated one.
-
#5e6a69
#5e6a69
rgb(94,106,105)
-
#56726e
#56726e
rgb(86,114,110)
-
#4e7a74
#4e7a74
rgb(78,122,116)
-
#468279
#468279
rgb(70,130,121)
-
#3f897f
#3f897f
rgb(63,137,127)
-
#379184
#379184
rgb(55,145,132)
-
#2f998a
#2f998a
rgb(47,153,138)
-
#28a08f
#28a08f
rgb(40,160,143)
-
#20a895
#20a895
rgb(32,168,149)
-
#18b09b
#18b09b
rgb(24,176,155)
-
#11b7a0
#11b7a0
rgb(17,183,160)
-
#09bfa6
#09bfa6
rgb(9,191,166)
-
#01c7ab
#01c7ab
rgb(1,199,171)
Color Blindness Simulator
Below, you can see how #20a895 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.