#20aa8d hex color

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

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

● #20aa8d color description : Dark cyan.

The hexadecimal color #20aa8d has RGB values of R:32, G:170, B:141 and CMYK values of C:0.81, M:0, Y:0.17, K:0.33. Its decimal value is 2140813.

Hex triplet	20aa8d	`#20aa8d`
RGB Decimal	32, 170, 141	`rgb(32,170,141)`
RGB Percent	12.5, 66.7, 55.3	`rgb(12.5%,66.7%,55.3%)`
CMYK	81, 0, 17, 33
HSL	167.4°, 68.3, 39.6	`hsl(167.4,68.3%,39.6%)`
HSV (or HSB)	167.4°, 81.2, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.489, -42.031, 4.989
XYZ	19.776, 30.978, 30.135
xyY	0.244, 0.383, 30.978
CIE-LCH	62.489, 42.326, 173.231
CIE-LUV	62.489, -48.927, 13.535
Hunter-Lab	55.658, -33.976, 6.859
Binary	00100000, 10101010, 10001101

#20aa8d
```
#20aa8d rgb(32,170,141)
```
#aa203d
```
#aa203d rgb(170,32,61)
```

Complementary Color

#20aa48
```
#20aa48 rgb(32,170,72)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#2082aa
```
#2082aa rgb(32,130,170)
```

Analogous Color

#aa4820
```
#aa4820 rgb(170,72,32)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#aa2082
```
#aa2082 rgb(170,32,130)
```

Split Complementary Color

#aa8d20
```
#aa8d20 rgb(170,141,32)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#8d20aa
```
#8d20aa rgb(141,32,170)
```

Triadic Color

#3daa20
```
#3daa20 rgb(61,170,32)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#8d20aa
```
#8d20aa rgb(141,32,170)
```
#aa203d
```
#aa203d rgb(170,32,61)
```

Tetradic Color

#146a58
```
#146a58 rgb(20,106,88)
```
#187f69
```
#187f69 rgb(24,127,105)
```
#1c957b
```
#1c957b rgb(28,149,123)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#24bf9f
```
#24bf9f rgb(36,191,159)
```
#28d5b1
```
#28d5b1 rgb(40,213,177)
```
#3cdab9
```
#3cdab9 rgb(60,218,185)
```

Monochromatic Color

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

#20aa6b
```
#20aa6b rgb(32,170,107)
```
#20aa76
```
#20aa76 rgb(32,170,118)
```
#20aa82
```
#20aa82 rgb(32,170,130)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#20aa99
```
#20aa99 rgb(32,170,153)
```
#20aaa4
```
#20aaa4 rgb(32,170,164)
```
#20a5aa
```
#20a5aa rgb(32,165,170)
```

Similar Colors

Text with hexadecimal color #20aa8d

This text has a font color of #20aa8d.

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

#20aa8d background color

This paragraph has a background color of #20aa8d.

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

#20aa8d border color

This element has a border color of #20aa8d.

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

CSS codes

.text {color:#20aa8d;}

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

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

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)
```
#041512
```
#041512 rgb(4,21,18)
```
#07261f
```
#07261f rgb(7,38,31)
```
#0a362d
```
#0a362d rgb(10,54,45)
```
#0d473b
```
#0d473b rgb(13,71,59)
```
#105749
```
#105749 rgb(16,87,73)
```
#146856
```
#146856 rgb(20,104,86)
```
#177864
```
#177864 rgb(23,120,100)
```
#1a8972
```
#1a8972 rgb(26,137,114)
```
#1d997f
```
#1d997f rgb(29,153,127)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#23bb9b
```
#23bb9b rgb(35,187,155)
```
#26cba8
```
#26cba8 rgb(38,203,168)
```

Shade Color Variation

#2dd8b4
```
#2dd8b4 rgb(45,216,180)
```
#3edbba
```
#3edbba rgb(62,219,186)
```
#4edec0
```
#4edec0 rgb(78,222,192)
```
#5fe1c6
```
#5fe1c6 rgb(95,225,198)
```
#6fe4cb
```
#6fe4cb rgb(111,228,203)
```
#80e7d1
```
#80e7d1 rgb(128,231,209)
```
#90ead7
```
#90ead7 rgb(144,234,215)
```
#a1eddd
```
#a1eddd rgb(161,237,221)
```
#b1f0e3
```
#b1f0e3 rgb(177,240,227)
```
#c2f3e9
```
#c2f3e9 rgb(194,243,233)
```
#d2f7ef
```
#d2f7ef rgb(210,247,239)
```
#e3faf5
```
#e3faf5 rgb(227,250,245)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

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

#5e6c69
```
#5e6c69 rgb(94,108,105)
```
#56746d
```
#56746d rgb(86,116,109)
```
#4f7b72
```
#4f7b72 rgb(79,123,114)
```
#478376
```
#478376 rgb(71,131,118)
```
#3f8b7b
```
#3f8b7b rgb(63,139,123)
```
#37937f
```
#37937f rgb(55,147,127)
```
#309a84
```
#309a84 rgb(48,154,132)
```
#28a288
```
#28a288 rgb(40,162,136)
```
#20aa8d
```
#20aa8d rgb(32,170,141)
```
#18b292
```
#18b292 rgb(24,178,146)
```
#10ba96
```
#10ba96 rgb(16,186,150)
```
#09c19b
```
#09c19b rgb(9,193,155)
```
#01c99f
```
#01c99f rgb(1,201,159)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6a8680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39c89 Protanopia 1% of men
#ab979a Deuteranopia 1% of men
#46a9b5 Tritanopia 0.001% of the population

Trichromacy

#73a18b Protanomaly 1% of men, 0.01% of women
#789e95 Deuteranomaly 6% of men, 0.4% of women
#38a9a6 Tritanomaly 0.01% of the population

#20aa8d hex color

#20aa8d Color Information

#20aa8d Color Conversion

Color Schemes with #20aa8d

Alternatives to #20aa8d

#20aa8d Preview

Shades and Tints of #20aa8d

Tones of #20aa8d

Color Blindness Simulator