#20a49e hex color

In a RGB color space, hex #20a49e is composed of 12.5% red, 64.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 3.7% yellow and 35.7% black. It has a hue angle of 177.3 degrees, a saturation of 67.3% and a lightness of 38.4%. #20a49e color hex could be obtained by blending #40ffff with #00493d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 64
- B 62
RGB color chart
- C 80
- M 0
- Y 4
- K 36
CMYK color chart

● #20a49e color description : Dark cyan.

The hexadecimal color #20a49e has RGB values of R:32, G:164, B:158 and CMYK values of C:0.8, M:0, Y:0.04, K:0.36. Its decimal value is 2139294.

Hex triplet	20a49e	`#20a49e`
RGB Decimal	32, 164, 158	`rgb(32,164,158)`
RGB Percent	12.5, 64.3, 62	`rgb(12.5%,64.3%,62%)`
CMYK	80, 0, 4, 36
HSL	177.3°, 67.3, 38.4	`hsl(177.3,67.3%,38.4%)`
HSV (or HSB)	177.3°, 80.5, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.067, -34.589, -6.628
XYZ	20.041, 29.325, 36.95
xyY	0.232, 0.34, 29.325
CIE-LCH	61.067, 35.218, 190.847
CIE-LUV	61.067, -45.561, -4.709
Hunter-Lab	54.152, -28.707, -2.549
Binary	00100000, 10100100, 10011110

#20a49e
```
#20a49e rgb(32,164,158)
```
#a42026
```
#a42026 rgb(164,32,38)
```

Complementary Color

#20a45c
```
#20a45c rgb(32,164,92)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#2068a4
```
#2068a4 rgb(32,104,164)
```

Analogous Color

#a45c20
```
#a45c20 rgb(164,92,32)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#a42068
```
#a42068 rgb(164,32,104)
```

Split Complementary Color

#a49e20
```
#a49e20 rgb(164,158,32)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#9e20a4
```
#9e20a4 rgb(158,32,164)
```

Triadic Color

#26a420
```
#26a420 rgb(38,164,32)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#9e20a4
```
#9e20a4 rgb(158,32,164)
```
#a42026
```
#a42026 rgb(164,32,38)
```

Tetradic Color

#146460
```
#146460 rgb(20,100,96)
```
#187975
```
#187975 rgb(24,121,117)
```
#1c8f89
```
#1c8f89 rgb(28,143,137)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#24b9b3
```
#24b9b3 rgb(36,185,179)
```
#28cfc7
```
#28cfc7 rgb(40,207,199)
```
#38d8d1
```
#38d8d1 rgb(56,216,209)
```

Monochromatic Color

Below, you can see some colors close to #20a49e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#20a47d
```
#20a47d rgb(32,164,125)
```
#20a488
```
#20a488 rgb(32,164,136)
```
#20a493
```
#20a493 rgb(32,164,147)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#209fa4
```
#209fa4 rgb(32,159,164)
```
#2094a4
```
#2094a4 rgb(32,148,164)
```
#2089a4
```
#2089a4 rgb(32,137,164)
```

Similar Colors

Text with hexadecimal color #20a49e

This text has a font color of #20a49e.

<span style="color:#20a49e;">Text here</span>

#20a49e background color

This paragraph has a background color of #20a49e.

<p style="background-color:#20a49e;">Content here</p>

#20a49e border color

This element has a border color of #20a49e.

<div style="border:1px solid #20a49e;">Content here</div>

CSS codes

.text {color:#20a49e;}

.background {background-color:#20a49e;}

.border {border:1px solid #20a49e;}

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, #031010 is the darkest color, while #ffffff is the lightest one.

#031010
```
#031010 rgb(3,16,16)
```
#062120
```
#062120 rgb(6,33,32)
```
#0a312f
```
#0a312f rgb(10,49,47)
```
#0d423f
```
#0d423f rgb(13,66,63)
```
#10524f
```
#10524f rgb(16,82,79)
```
#13625f
```
#13625f rgb(19,98,95)
```
#16736f
```
#16736f rgb(22,115,111)
```
#1a837e
```
#1a837e rgb(26,131,126)
```
#1d948e
```
#1d948e rgb(29,148,142)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#23b4ae
```
#23b4ae rgb(35,180,174)
```
#26c5be
```
#26c5be rgb(38,197,190)
```
#2ad5cd
```
#2ad5cd rgb(42,213,205)
```

Shade Color Variation

#3ad9d1
```
#3ad9d1 rgb(58,217,209)
```
#4adcd5
```
#4adcd5 rgb(74,220,213)
```
#5bdfd9
```
#5bdfd9 rgb(91,223,217)
```
#6be2dd
```
#6be2dd rgb(107,226,221)
```
#7ce5e1
```
#7ce5e1 rgb(124,229,225)
```
#8ce9e4
```
#8ce9e4 rgb(140,233,228)
```
#9cece8
```
#9cece8 rgb(156,236,232)
```
#adefec
```
#adefec rgb(173,239,236)
```
#bdf2f0
```
#bdf2f0 rgb(189,242,240)
```
#cef5f4
```
#cef5f4 rgb(206,245,244)
```
#def9f7
```
#def9f7 rgb(222,249,247)
```
#eefcfb
```
#eefcfb rgb(238,252,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6867 is the less saturated color, while #02c2b9 is the most saturated one.

#5c6867
```
#5c6867 rgb(92,104,103)
```
#556f6e
```
#556f6e rgb(85,111,110)
```
#4d7775
```
#4d7775 rgb(77,119,117)
```
#467e7c
```
#467e7c rgb(70,126,124)
```
#3e8683
```
#3e8683 rgb(62,134,131)
```
#378d89
```
#378d89 rgb(55,141,137)
```
#2f9590
```
#2f9590 rgb(47,149,144)
```
#289c97
```
#289c97 rgb(40,156,151)
```
#20a49e
```
#20a49e rgb(32,164,158)
```
#18aca5
```
#18aca5 rgb(24,172,165)
```
#11b3ac
```
#11b3ac rgb(17,179,172)
```
#09bbb3
```
#09bbb3 rgb(9,187,179)
```
#02c2b9
```
#02c2b9 rgb(2,194,185)
```

Tone Color Variation

Below, you can see how #20a49e 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.

Monochromacy

#7c7c7c Achromatopsia 0.005% of the population
#6a8483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b989a Protanopia 1% of men
#9e95aa Deuteranopia 1% of men
#3aa6b2 Tritanopia 0.001% of the population

Trichromacy

#6e9c9b Protanomaly 1% of men, 0.01% of women
#709aa5 Deuteranomaly 6% of men, 0.4% of women
#30a5ab Tritanomaly 0.01% of the population

#20a49e hex color

#20a49e Color Information

#20a49e Color Conversion

Color Schemes with #20a49e

Alternatives to #20a49e

#20a49e Preview

Shades and Tints of #20a49e

Tones of #20a49e

Color Blindness Simulator