#20aa80 hex color

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

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

● #20aa80 color description : Dark cyan - lime green.

The hexadecimal color #20aa80 has RGB values of R:32, G:170, B:128 and CMYK values of C:0.81, M:0, Y:0.25, K:0.33. Its decimal value is 2140800.

Hex triplet	20aa80	`#20aa80`
RGB Decimal	32, 170, 128	`rgb(32,170,128)`
RGB Percent	12.5, 66.7, 50.2	`rgb(12.5%,66.7%,50.2%)`
CMYK	81, 0, 25, 33
HSL	161.7°, 68.3, 39.6	`hsl(161.7,68.3%,39.6%)`
HSV (or HSB)	161.7°, 81.2, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.18, -45.321, 11.779
XYZ	18.865, 30.613, 25.336
xyY	0.252, 0.409, 30.613
CIE-LCH	62.18, 46.827, 165.431
CIE-LUV	62.18, -49.831, 23.383
Hunter-Lab	55.329, -35.964, 11.581
Binary	00100000, 10101010, 10000000

#20aa80
```
#20aa80 rgb(32,170,128)
```
#aa204a
```
#aa204a rgb(170,32,74)
```

Complementary Color

#20aa3b
```
#20aa3b rgb(32,170,59)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#208faa
```
#208faa rgb(32,143,170)
```

Analogous Color

#aa3b20
```
#aa3b20 rgb(170,59,32)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#aa208f
```
#aa208f rgb(170,32,143)
```

Split Complementary Color

#aa8020
```
#aa8020 rgb(170,128,32)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#8020aa
```
#8020aa rgb(128,32,170)
```

Triadic Color

#4aaa20
```
#4aaa20 rgb(74,170,32)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#8020aa
```
#8020aa rgb(128,32,170)
```
#aa204a
```
#aa204a rgb(170,32,74)
```

Tetradic Color

#146a50
```
#146a50 rgb(20,106,80)
```
#187f60
```
#187f60 rgb(24,127,96)
```
#1c9570
```
#1c9570 rgb(28,149,112)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#24bf90
```
#24bf90 rgb(36,191,144)
```
#28d5a0
```
#28d5a0 rgb(40,213,160)
```
#3cdaaa
```
#3cdaaa rgb(60,218,170)
```

Monochromatic Color

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

#20aa5e
```
#20aa5e rgb(32,170,94)
```
#20aa69
```
#20aa69 rgb(32,170,105)
```
#20aa75
```
#20aa75 rgb(32,170,117)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#20aa8c
```
#20aa8c rgb(32,170,140)
```
#20aa97
```
#20aa97 rgb(32,170,151)
```
#20aaa3
```
#20aaa3 rgb(32,170,163)
```

Similar Colors

Text with hexadecimal color #20aa80

This text has a font color of #20aa80.

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

#20aa80 background color

This paragraph has a background color of #20aa80.

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

#20aa80 border color

This element has a border color of #20aa80.

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

CSS codes

.text {color:#20aa80;}

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

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

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 #f3fdfa is the lightest one.

#010504
```
#010504 rgb(1,5,4)
```
#041510
```
#041510 rgb(4,21,16)
```
#07261d
```
#07261d rgb(7,38,29)
```
#0a3629
```
#0a3629 rgb(10,54,41)
```
#0d4735
```
#0d4735 rgb(13,71,53)
```
#105742
```
#105742 rgb(16,87,66)
```
#14684e
```
#14684e rgb(20,104,78)
```
#17785b
```
#17785b rgb(23,120,91)
```
#1a8967
```
#1a8967 rgb(26,137,103)
```
#1d9974
```
#1d9974 rgb(29,153,116)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#23bb8c
```
#23bb8c rgb(35,187,140)
```
#26cb99
```
#26cb99 rgb(38,203,153)
```

Shade Color Variation

#2dd8a4
```
#2dd8a4 rgb(45,216,164)
```
#3edbab
```
#3edbab rgb(62,219,171)
```
#4edeb2
```
#4edeb2 rgb(78,222,178)
```
#5fe1b9
```
#5fe1b9 rgb(95,225,185)
```
#6fe4c0
```
#6fe4c0 rgb(111,228,192)
```
#80e7c8
```
#80e7c8 rgb(128,231,200)
```
#90eacf
```
#90eacf rgb(144,234,207)
```
#a1edd6
```
#a1edd6 rgb(161,237,214)
```
#b1f0dd
```
#b1f0dd rgb(177,240,221)
```
#c2f3e4
```
#c2f3e4 rgb(194,243,228)
```
#d2f7ec
```
#d2f7ec rgb(210,247,236)
```
#e3faf3
```
#e3faf3 rgb(227,250,243)
```
#f3fdfa
```
#f3fdfa rgb(243,253,250)
```

Tint Color Variation

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

#5e6c68
```
#5e6c68 rgb(94,108,104)
```
#56746b
```
#56746b rgb(86,116,107)
```
#4f7b6e
```
#4f7b6e rgb(79,123,110)
```
#478371
```
#478371 rgb(71,131,113)
```
#3f8b74
```
#3f8b74 rgb(63,139,116)
```
#379377
```
#379377 rgb(55,147,119)
```
#309a7a
```
#309a7a rgb(48,154,122)
```
#28a27d
```
#28a27d rgb(40,162,125)
```
#20aa80
```
#20aa80 rgb(32,170,128)
```
#18b283
```
#18b283 rgb(24,178,131)
```
#10ba86
```
#10ba86 rgb(16,186,134)
```
#09c189
```
#09c189 rgb(9,193,137)
```
#01c98c
```
#01c98c rgb(1,201,140)
```

Tone Color Variation

Below, you can see how #20aa80 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
#6a857d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59b7e Protanopia 1% of men
#ae968e Deuteranopia 1% of men
#4ba8b4 Tritanopia 0.001% of the population

Trichromacy

#74a07e Protanomaly 1% of men, 0.01% of women
#7a9d89 Deuteranomaly 6% of men, 0.4% of women
#3ba8a1 Tritanomaly 0.01% of the population

#20aa80 hex color

#20aa80 Color Information

#20aa80 Color Conversion

Color Schemes with #20aa80

Alternatives to #20aa80

#20aa80 Preview

Shades and Tints of #20aa80

Tones of #20aa80

Color Blindness Simulator