#20aa96 hex color

In a RGB color space, hex #20aa96 is composed of 12.5% red, 66.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 11.8% yellow and 33.3% black. It has a hue angle of 171.3 degrees, a saturation of 68.3% and a lightness of 39.6%. #20aa96 color hex could be obtained by blending #40ffff with #00552d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 67
- B 59
RGB color chart
- C 81
- M 0
- Y 12
- K 33
CMYK color chart

● #20aa96 color description : Dark cyan.

The hexadecimal color #20aa96 has RGB values of R:32, G:170, B:150 and CMYK values of C:0.81, M:0, Y:0.12, K:0.33. Its decimal value is 2140822.

Hex triplet	20aa96	`#20aa96`
RGB Decimal	32, 170, 150	`rgb(32,170,150)`
RGB Percent	12.5, 66.7, 58.8	`rgb(12.5%,66.7%,58.8%)`
CMYK	81, 0, 12, 33
HSL	171.3°, 68.3, 39.6	`hsl(171.3,68.3%,39.6%)`
HSV (or HSB)	171.3°, 81.2, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.724, -39.602, 0.302
XYZ	20.474, 31.256, 33.807
xyY	0.239, 0.365, 31.256
CIE-LCH	62.724, 39.603, 179.563
CIE-LUV	62.724, -48.281, 6.409
Hunter-Lab	55.908, -32.471, 3.283
Binary	00100000, 10101010, 10010110

#20aa96
```
#20aa96 rgb(32,170,150)
```
#aa2034
```
#aa2034 rgb(170,32,52)
```

Complementary Color

#20aa51
```
#20aa51 rgb(32,170,81)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#2079aa
```
#2079aa rgb(32,121,170)
```

Analogous Color

#aa5120
```
#aa5120 rgb(170,81,32)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#aa2079
```
#aa2079 rgb(170,32,121)
```

Split Complementary Color

#aa9620
```
#aa9620 rgb(170,150,32)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#9620aa
```
#9620aa rgb(150,32,170)
```

Triadic Color

#34aa20
```
#34aa20 rgb(52,170,32)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#9620aa
```
#9620aa rgb(150,32,170)
```
#aa2034
```
#aa2034 rgb(170,32,52)
```

Tetradic Color

#146a5d
```
#146a5d rgb(20,106,93)
```
#187f70
```
#187f70 rgb(24,127,112)
```
#1c9583
```
#1c9583 rgb(28,149,131)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#24bfa9
```
#24bfa9 rgb(36,191,169)
```
#28d5bc
```
#28d5bc rgb(40,213,188)
```
#3cdac3
```
#3cdac3 rgb(60,218,195)
```

Monochromatic Color

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

#20aa74
```
#20aa74 rgb(32,170,116)
```
#20aa7f
```
#20aa7f rgb(32,170,127)
```
#20aa8b
```
#20aa8b rgb(32,170,139)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#20aaa2
```
#20aaa2 rgb(32,170,162)
```
#20a7aa
```
#20a7aa rgb(32,167,170)
```
#209caa
```
#209caa rgb(32,156,170)
```

Similar Colors

Text with hexadecimal color #20aa96

This text has a font color of #20aa96.

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

#20aa96 background color

This paragraph has a background color of #20aa96.

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

#20aa96 border color

This element has a border color of #20aa96.

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

CSS codes

.text {color:#20aa96;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#041513
```
#041513 rgb(4,21,19)
```
#072621
```
#072621 rgb(7,38,33)
```
#0a3630
```
#0a3630 rgb(10,54,48)
```
#0d473f
```
#0d473f rgb(13,71,63)
```
#10574d
```
#10574d rgb(16,87,77)
```
#14685c
```
#14685c rgb(20,104,92)
```
#17786a
```
#17786a rgb(23,120,106)
```
#1a8979
```
#1a8979 rgb(26,137,121)
```
#1d9987
```
#1d9987 rgb(29,153,135)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#23bba5
```
#23bba5 rgb(35,187,165)
```
#26cbb3
```
#26cbb3 rgb(38,203,179)
```

Shade Color Variation

#2dd8bf
```
#2dd8bf rgb(45,216,191)
```
#3edbc4
```
#3edbc4 rgb(62,219,196)
```
#4edec9
```
#4edec9 rgb(78,222,201)
```
#5fe1ce
```
#5fe1ce rgb(95,225,206)
```
#6fe4d3
```
#6fe4d3 rgb(111,228,211)
```
#80e7d8
```
#80e7d8 rgb(128,231,216)
```
#90eadd
```
#90eadd rgb(144,234,221)
```
#a1ede2
```
#a1ede2 rgb(161,237,226)
```
#b1f0e7
```
#b1f0e7 rgb(177,240,231)
```
#c2f3ec
```
#c2f3ec rgb(194,243,236)
```
#d2f7f1
```
#d2f7f1 rgb(210,247,241)
```
#e3faf6
```
#e3faf6 rgb(227,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, #5e6c6a is the less saturated color, while #01c9ac is the most saturated one.

#5e6c6a
```
#5e6c6a rgb(94,108,106)
```
#56746f
```
#56746f rgb(86,116,111)
```
#4f7b75
```
#4f7b75 rgb(79,123,117)
```
#47837a
```
#47837a rgb(71,131,122)
```
#3f8b80
```
#3f8b80 rgb(63,139,128)
```
#379385
```
#379385 rgb(55,147,133)
```
#309a8b
```
#309a8b rgb(48,154,139)
```
#28a290
```
#28a290 rgb(40,162,144)
```
#20aa96
```
#20aa96 rgb(32,170,150)
```
#18b29c
```
#18b29c rgb(24,178,156)
```
#10baa1
```
#10baa1 rgb(16,186,161)
```
#09c1a7
```
#09c1a7 rgb(9,193,167)
```
#01c9ac
```
#01c9ac rgb(1,201,172)
```

Tone Color Variation

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

#a29c92 Protanopia 1% of men
#a898a3 Deuteranopia 1% of men
#42aab6 Tritanopia 0.001% of the population

Trichromacy

#72a193 Protanomaly 1% of men, 0.01% of women
#769f9e Deuteranomaly 6% of men, 0.4% of women
#36aaaa Tritanomaly 0.01% of the population

#20aa96 hex color

#20aa96 Color Information

#20aa96 Color Conversion

Color Schemes with #20aa96

Alternatives to #20aa96

#20aa96 Preview

Shades and Tints of #20aa96

Tones of #20aa96

Color Blindness Simulator