#20a395 Color Information
In a RGB color space, hex #20a395 is composed of 12.5% red, 63.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 8.6% yellow and 36.1% black. It has a hue angle of 173.6 degrees, a saturation of 67.2% and a lightness of 38.2%. #20a395 color hex could be obtained by blending #40ffff with #00472b. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 58
-
- C 80
- M 0
- Y 9
- K 36
● #20a395 color description : Dark cyan.
#20a395 Color Conversion
The hexadecimal color #20a395 has RGB values of R:32, G:163, B:149 and CMYK values of C:0.8, M:0, Y:0.09, K:0.36. Its decimal value is 2139029.
Hex triplet | 20a395 | #20a395 |
---|---|---|
RGB Decimal | 32, 163, 149 | rgb(32,163,149) |
RGB Percent | 12.5, 63.9, 58.4 | rgb(12.5%,63.9%,58.4%) |
CMYK | 80, 0, 9, 36 | |
HSL | 173.6°, 67.2, 38.2 | hsl(173.6,67.2%,38.2%) |
HSV (or HSB) | 173.6°, 80.4, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.489, -36.747, -2.409 |
---|---|
XYZ | 19.116, 28.669, 32.958 |
xyY | 0.237, 0.355, 28.669 |
CIE-LCH | 60.489, 36.826, 183.751 |
CIE-LUV | 60.489, -45.858, 1.954 |
Hunter-Lab | 53.544, -29.975, 0.985 |
Binary | 00100000, 10100011, 10010101 |
Color Schemes with #20a395
Alternatives to #20a395
Below, you can see some colors close to #20a395. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a395 Preview
This text has a font color of #20a395.
<span style="color:#20a395;">Text here</span>
This paragraph has a background color of #20a395.
<p style="background-color:#20a395;">Content here</p>
This element has a border color of #20a395.
<div style="border:1px solid #20a395;">Content here</div>
.text {color:#20a395;}
.background {background-color:#20a395;}
.border {border:1px solid #20a395;}
Shades and Tints of #20a395
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, #030f0e is the darkest color, while #feffff is the lightest one.
-
#030f0e
#030f0e
rgb(3,15,14)
-
#06201d
#06201d
rgb(6,32,29)
-
#09302c
#09302c
rgb(9,48,44)
-
#0d413b
#0d413b
rgb(13,65,59)
-
#10514a
#10514a
rgb(16,81,74)
-
#136159
#136159
rgb(19,97,89)
-
#167268
#167268
rgb(22,114,104)
-
#1a8277
#1a8277
rgb(26,130,119)
-
#1d9386
#1d9386
rgb(29,147,134)
-
#20a395
#20a395
rgb(32,163,149)
-
#23b3a4
#23b3a4
rgb(35,179,164)
-
#26c4b3
#26c4b3
rgb(38,196,179)
-
#2ad4c2
#2ad4c2
rgb(42,212,194)
-
#39d8c7
#39d8c7
rgb(57,216,199)
-
#4adbcc
#4adbcc
rgb(74,219,204)
-
#5adfd0
#5adfd0
rgb(90,223,208)
-
#6ae2d5
#6ae2d5
rgb(106,226,213)
-
#7be5da
#7be5da
rgb(123,229,218)
-
#8be8de
#8be8de
rgb(139,232,222)
-
#9cebe3
#9cebe3
rgb(156,235,227)
-
#acefe8
#acefe8
rgb(172,239,232)
-
#bcf2ec
#bcf2ec
rgb(188,242,236)
-
#cdf5f1
#cdf5f1
rgb(205,245,241)
-
#ddf8f5
#ddf8f5
rgb(221,248,245)
-
#eefcfa
#eefcfa
rgb(238,252,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #20a395
A tone is produced by adding gray to any pure hue. In this case, #5c6766 is the less saturated color, while #02c1ad is the most saturated one.
-
#5c6766
#5c6766
rgb(92,103,102)
-
#556f6c
#556f6c
rgb(85,111,108)
-
#4d7672
#4d7672
rgb(77,118,114)
-
#467e78
#467e78
rgb(70,126,120)
-
#3e857d
#3e857d
rgb(62,133,125)
-
#378d83
#378d83
rgb(55,141,131)
-
#2f9489
#2f9489
rgb(47,148,137)
-
#289c8f
#289c8f
rgb(40,156,143)
-
#20a395
#20a395
rgb(32,163,149)
-
#19ab9b
#19ab9b
rgb(25,171,155)
-
#11b2a1
#11b2a1
rgb(17,178,161)
-
#0abaa7
#0abaa7
rgb(10,186,167)
-
#02c1ad
#02c1ad
rgb(2,193,173)
Color Blindness Simulator
Below, you can see how #20a395 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.