#20a396 Color Information
In a RGB color space, hex #20a396 is composed of 12.5% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 8% yellow and 36.1% black. It has a hue angle of 174 degrees, a saturation of 67.2% and a lightness of 38.2%. #20a396 color hex could be obtained by blending #40ffff with #00472d. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 59
-
- C 80
- M 0
- Y 8
- K 36
● #20a396 color description : Dark cyan.
#20a396 Color Conversion
The hexadecimal color #20a396 has RGB values of R:32, G:163, B:150 and CMYK values of C:0.8, M:0, Y:0.08, K:0.36. Its decimal value is 2139030.
Hex triplet | 20a396 | #20a396 |
---|---|---|
RGB Decimal | 32, 163, 150 | rgb(32,163,150) |
RGB Percent | 12.5, 63.9, 58.8 | rgb(12.5%,63.9%,58.8%) |
CMYK | 80, 0, 8, 36 | |
HSL | 174°, 67.2, 38.2 | hsl(174,67.2%,38.2%) |
HSV (or HSB) | 174°, 80.4, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.517, -36.46, -2.931 |
---|---|
XYZ | 19.196, 28.702, 33.381 |
xyY | 0.236, 0.353, 28.702 |
CIE-LCH | 60.517, 36.578, 184.596 |
CIE-LUV | 60.517, -45.785, 1.136 |
Hunter-Lab | 53.574, -29.796, 0.559 |
Binary | 00100000, 10100011, 10010110 |
Color Schemes with #20a396
Alternatives to #20a396
Below, you can see some colors close to #20a396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a396 Preview
This text has a font color of #20a396.
<span style="color:#20a396;">Text here</span>
This paragraph has a background color of #20a396.
<p style="background-color:#20a396;">Content here</p>
This element has a border color of #20a396.
<div style="border:1px solid #20a396;">Content here</div>
.text {color:#20a396;}
.background {background-color:#20a396;}
.border {border:1px solid #20a396;}
Shades and Tints of #20a396
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)
-
#10514b
#10514b
rgb(16,81,75)
-
#13615a
#13615a
rgb(19,97,90)
-
#167269
#167269
rgb(22,114,105)
-
#1a8278
#1a8278
rgb(26,130,120)
-
#1d9387
#1d9387
rgb(29,147,135)
-
#20a396
#20a396
rgb(32,163,150)
-
#23b3a5
#23b3a5
rgb(35,179,165)
-
#26c4b4
#26c4b4
rgb(38,196,180)
-
#2ad4c3
#2ad4c3
rgb(42,212,195)
-
#39d8c8
#39d8c8
rgb(57,216,200)
-
#4adbcd
#4adbcd
rgb(74,219,205)
-
#5adfd1
#5adfd1
rgb(90,223,209)
-
#6ae2d6
#6ae2d6
rgb(106,226,214)
-
#7be5db
#7be5db
rgb(123,229,219)
-
#8be8df
#8be8df
rgb(139,232,223)
-
#9cebe4
#9cebe4
rgb(156,235,228)
-
#acefe8
#acefe8
rgb(172,239,232)
-
#bcf2ed
#bcf2ed
rgb(188,242,237)
-
#cdf5f1
#cdf5f1
rgb(205,245,241)
-
#ddf8f6
#ddf8f6
rgb(221,248,246)
-
#eefcfa
#eefcfa
rgb(238,252,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #20a396
A tone is produced by adding gray to any pure hue. In this case, #5c6766 is the less saturated color, while #02c1ae 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)
-
#3e857e
#3e857e
rgb(62,133,126)
-
#378d84
#378d84
rgb(55,141,132)
-
#2f948a
#2f948a
rgb(47,148,138)
-
#289c90
#289c90
rgb(40,156,144)
-
#20a396
#20a396
rgb(32,163,150)
-
#19ab9c
#19ab9c
rgb(25,171,156)
-
#11b2a2
#11b2a2
rgb(17,178,162)
-
#0abaa8
#0abaa8
rgb(10,186,168)
-
#02c1ae
#02c1ae
rgb(2,193,174)
Color Blindness Simulator
Below, you can see how #20a396 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.