#20a398 Color Information
In a RGB color space, hex #20a398 is composed of 12.5% red, 63.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 6.7% yellow and 36.1% black. It has a hue angle of 175 degrees, a saturation of 67.2% and a lightness of 38.2%. #20a398 color hex could be obtained by blending #40ffff with #004731. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 60
-
- C 80
- M 0
- Y 7
- K 36
● #20a398 color description : Dark cyan.
#20a398 Color Conversion
The hexadecimal color #20a398 has RGB values of R:32, G:163, B:152 and CMYK values of C:0.8, M:0, Y:0.07, K:0.36. Its decimal value is 2139032.
| Hex triplet | 20a398 | #20a398 |
|---|---|---|
| RGB Decimal | 32, 163, 152 | rgb(32,163,152) |
| RGB Percent | 12.5, 63.9, 59.6 | rgb(12.5%,63.9%,59.6%) |
| CMYK | 80, 0, 7, 36 | |
| HSL | 175°, 67.2, 38.2 | hsl(175,67.2%,38.2%) |
| HSV (or HSB) | 175°, 80.4, 63.9 | |
| Web Safe | 339999 | #339999 |
| CIE-LAB | 60.575, -35.884, -3.974 |
|---|---|
| XYZ | 19.358, 28.767, 34.236 |
| xyY | 0.235, 0.349, 28.767 |
| CIE-LCH | 60.575, 36.103, 186.32 |
| CIE-LUV | 60.575, -45.64, -0.506 |
| Hunter-Lab | 53.634, -29.434, -0.302 |
| Binary | 00100000, 10100011, 10011000 |
Color Schemes with #20a398
Alternatives to #20a398
Below, you can see some colors close to #20a398. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a398 Preview
This text has a font color of #20a398.
<span style="color:#20a398;">Text here</span>
This paragraph has a background color of #20a398.
<p style="background-color:#20a398;">Content here</p>
This element has a border color of #20a398.
<div style="border:1px solid #20a398;">Content here</div>
.text {color:#20a398;}
.background {background-color:#20a398;}
.border {border:1px solid #20a398;}
Shades and Tints of #20a398
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
#030f0ergb(3,15,14) -
#06201e
#06201ergb(6,32,30) -
#09302d
#09302drgb(9,48,45) -
#0d413c
#0d413crgb(13,65,60) -
#10514c
#10514crgb(16,81,76) -
#13615b
#13615brgb(19,97,91) -
#16726a
#16726argb(22,114,106) -
#1a8279
#1a8279rgb(26,130,121) -
#1d9389
#1d9389rgb(29,147,137) -
#20a398
#20a398rgb(32,163,152) -
#23b3a7
#23b3a7rgb(35,179,167) -
#26c4b7
#26c4b7rgb(38,196,183) -
#2ad4c6
#2ad4c6rgb(42,212,198)
-
#39d8cb
#39d8cbrgb(57,216,203) -
#4adbcf
#4adbcfrgb(74,219,207) -
#5adfd3
#5adfd3rgb(90,223,211) -
#6ae2d8
#6ae2d8rgb(106,226,216) -
#7be5dc
#7be5dcrgb(123,229,220) -
#8be8e0
#8be8e0rgb(139,232,224) -
#9cebe5
#9cebe5rgb(156,235,229) -
#acefe9
#acefe9rgb(172,239,233) -
#bcf2ed
#bcf2edrgb(188,242,237) -
#cdf5f2
#cdf5f2rgb(205,245,242) -
#ddf8f6
#ddf8f6rgb(221,248,246) -
#eefcfa
#eefcfargb(238,252,250) -
#feffff
#feffffrgb(254,255,255)
Tones of #20a398
A tone is produced by adding gray to any pure hue. In this case, #5c6766 is the less saturated color, while #02c1b1 is the most saturated one.
-
#5c6766
#5c6766rgb(92,103,102) -
#556f6c
#556f6crgb(85,111,108) -
#4d7673
#4d7673rgb(77,118,115) -
#467e79
#467e79rgb(70,126,121) -
#3e857f
#3e857frgb(62,133,127) -
#378d85
#378d85rgb(55,141,133) -
#2f948c
#2f948crgb(47,148,140) -
#289c92
#289c92rgb(40,156,146) -
#20a398
#20a398rgb(32,163,152) -
#19ab9e
#19ab9ergb(25,171,158) -
#11b2a4
#11b2a4rgb(17,178,164) -
#0abaab
#0abaabrgb(10,186,171) -
#02c1b1
#02c1b1rgb(2,193,177)
Color Blindness Simulator
Below, you can see how #20a398 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.
