#20a996 hex color

In a RGB color space, hex #20a996 is composed of 12.5% red, 66.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 0% magenta, 11.2% yellow and 33.7% black. It has a hue angle of 171.7 degrees, a saturation of 68.2% and a lightness of 39.4%. #20a996 color hex could be obtained by blending #40ffff with #00532d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 66
- B 59
RGB color chart
- C 81
- M 0
- Y 11
- K 34
CMYK color chart

● #20a996 color description : Dark cyan.

The hexadecimal color #20a996 has RGB values of R:32, G:169, B:150 and CMYK values of C:0.81, M:0, Y:0.11, K:0.34. Its decimal value is 2140566.

Hex triplet	20a996	`#20a996`
RGB Decimal	32, 169, 150	`rgb(32,169,150)`
RGB Percent	12.5, 66.3, 58.8	`rgb(12.5%,66.3%,58.8%)`
CMYK	81, 0, 11, 34
HSL	171.7°, 68.2, 39.4	`hsl(171.7,68.2%,39.4%)`
HSV (or HSB)	171.7°, 81.1, 66.3
Web Safe	339999	`#339999`

CIE-LAB	62.409, -39.159, -0.158
XYZ	20.287, 30.883, 33.744
xyY	0.239, 0.364, 30.883
CIE-LCH	62.409, 39.159, 180.231
CIE-LUV	62.409, -47.925, 5.661
Hunter-Lab	55.572, -32.09, 2.899
Binary	00100000, 10101001, 10010110

#20a996
```
#20a996 rgb(32,169,150)
```
#a92033
```
#a92033 rgb(169,32,51)
```

Complementary Color

#20a952
```
#20a952 rgb(32,169,82)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#2078a9
```
#2078a9 rgb(32,120,169)
```

Analogous Color

#a95220
```
#a95220 rgb(169,82,32)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#a92078
```
#a92078 rgb(169,32,120)
```

Split Complementary Color

#a99620
```
#a99620 rgb(169,150,32)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#9620a9
```
#9620a9 rgb(150,32,169)
```

Triadic Color

#33a920
```
#33a920 rgb(51,169,32)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#9620a9
```
#9620a9 rgb(150,32,169)
```
#a92033
```
#a92033 rgb(169,32,51)
```

Tetradic Color

#14695d
```
#14695d rgb(20,105,93)
```
#187e70
```
#187e70 rgb(24,126,112)
```
#1c9483
```
#1c9483 rgb(28,148,131)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#24bea9
```
#24bea9 rgb(36,190,169)
```
#28d4bc
```
#28d4bc rgb(40,212,188)
```
#3cdac4
```
#3cdac4 rgb(60,218,196)
```

Monochromatic Color

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

#20a974
```
#20a974 rgb(32,169,116)
```
#20a97f
```
#20a97f rgb(32,169,127)
```
#20a98b
```
#20a98b rgb(32,169,139)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#20a9a1
```
#20a9a1 rgb(32,169,161)
```
#20a5a9
```
#20a5a9 rgb(32,165,169)
```
#209aa9
```
#209aa9 rgb(32,154,169)
```

Similar Colors

Text with hexadecimal color #20a996

This text has a font color of #20a996.

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

#20a996 background color

This paragraph has a background color of #20a996.

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

#20a996 border color

This element has a border color of #20a996.

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

CSS codes

.text {color:#20a996;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041512
```
#041512 rgb(4,21,18)
```
#072521
```
#072521 rgb(7,37,33)
```
#0a3630
```
#0a3630 rgb(10,54,48)
```
#0d463e
```
#0d463e rgb(13,70,62)
```
#10574d
```
#10574d rgb(16,87,77)
```
#14675b
```
#14675b rgb(20,103,91)
```
#17786a
```
#17786a rgb(23,120,106)
```
#1a8879
```
#1a8879 rgb(26,136,121)
```
#1d9987
```
#1d9987 rgb(29,153,135)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#23b9a5
```
#23b9a5 rgb(35,185,165)
```
#26cab3
```
#26cab3 rgb(38,202,179)
```

Shade Color Variation

#2dd7c0
```
#2dd7c0 rgb(45,215,192)
```
#3ddac5
```
#3ddac5 rgb(61,218,197)
```
#4eddc9
```
#4eddc9 rgb(78,221,201)
```
#5ee1ce
```
#5ee1ce rgb(94,225,206)
```
#6fe4d3
```
#6fe4d3 rgb(111,228,211)
```
#7fe7d8
```
#7fe7d8 rgb(127,231,216)
```
#90eadd
```
#90eadd rgb(144,234,221)
```
#a0ede2
```
#a0ede2 rgb(160,237,226)
```
#b1f0e7
```
#b1f0e7 rgb(177,240,231)
```
#c1f3ec
```
#c1f3ec rgb(193,243,236)
```
#d2f6f1
```
#d2f6f1 rgb(210,246,241)
```
#e2faf6
```
#e2faf6 rgb(226,250,246)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

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

#5e6b69
```
#5e6b69 rgb(94,107,105)
```
#56736f
```
#56736f rgb(86,115,111)
```
#4e7b74
```
#4e7b74 rgb(78,123,116)
```
#47827a
```
#47827a rgb(71,130,122)
```
#3f8a80
```
#3f8a80 rgb(63,138,128)
```
#379285
```
#379285 rgb(55,146,133)
```
#2f9a8b
```
#2f9a8b rgb(47,154,139)
```
#28a190
```
#28a190 rgb(40,161,144)
```
#20a996
```
#20a996 rgb(32,169,150)
```
#18b19c
```
#18b19c rgb(24,177,156)
```
#11b8a1
```
#11b8a1 rgb(17,184,161)
```
#09c0a7
```
#09c0a7 rgb(9,192,167)
```
#01c8ac
```
#01c8ac rgb(1,200,172)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b8783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19b92 Protanopia 1% of men
#a797a3 Deuteranopia 1% of men
#41a9b5 Tritanopia 0.001% of the population

Trichromacy

#72a093 Protanomaly 1% of men, 0.01% of women
#769e9e Deuteranomaly 6% of men, 0.4% of women
#35a9aa Tritanomaly 0.01% of the population

#20a996 hex color

#20a996 Color Information

#20a996 Color Conversion

Color Schemes with #20a996

Alternatives to #20a996

#20a996 Preview

Shades and Tints of #20a996

Tones of #20a996

Color Blindness Simulator