#80d4a6 hex color

In a RGB color space, hex #80d4a6 is composed of 50.2% red, 83.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 0% magenta, 21.7% yellow and 16.9% black. It has a hue angle of 147.1 degrees, a saturation of 49.4% and a lightness of 66.7%. #80d4a6 color hex could be obtained by blending #ffffff with #01a94d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 83
- B 65
RGB color chart
- C 40
- M 0
- Y 22
- K 17
CMYK color chart

● #80d4a6 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #80d4a6 has RGB values of R:128, G:212, B:166 and CMYK values of C:0.4, M:0, Y:0.22, K:0.17. Its decimal value is 8443046.

Hex triplet	80d4a6	`#80d4a6`
RGB Decimal	128, 212, 166	`rgb(128,212,166)`
RGB Percent	50.2, 83.1, 65.1	`rgb(50.2%,83.1%,65.1%)`
CMYK	40, 0, 22, 17
HSL	147.1°, 49.4, 66.7	`hsl(147.1,49.4%,66.7%)`
HSV (or HSB)	147.1°, 39.6, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.71, -35.655, 14.864
XYZ	39.326, 54.427, 44.508
xyY	0.284, 0.394, 54.427
CIE-LCH	78.71, 38.629, 157.37
CIE-LUV	78.71, -39.729, 27.451
Hunter-Lab	73.775, -33.955, 15.873
Binary	10000000, 11010100, 10100110

#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#d480ae
```
#d480ae rgb(212,128,174)
```

Complementary Color

#84d480
```
#84d480 rgb(132,212,128)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#80d4d0
```
#80d4d0 rgb(128,212,208)
```

Analogous Color

#d48084
```
#d48084 rgb(212,128,132)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#d080d4
```
#d080d4 rgb(208,128,212)
```

Split Complementary Color

#d4a680
```
#d4a680 rgb(212,166,128)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#a680d4
```
#a680d4 rgb(166,128,212)
```

Triadic Color

#aed480
```
#aed480 rgb(174,212,128)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#a680d4
```
#a680d4 rgb(166,128,212)
```
#d480ae
```
#d480ae rgb(212,128,174)
```

Tetradic Color

#47c17e
```
#47c17e rgb(71,193,126)
```
#5ac78b
```
#5ac78b rgb(90,199,139)
```
#6dce99
```
#6dce99 rgb(109,206,153)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#93dab3
```
#93dab3 rgb(147,218,179)
```
#a6e1c1
```
#a6e1c1 rgb(166,225,193)
```
#b9e7ce
```
#b9e7ce rgb(185,231,206)
```

Monochromatic Color

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

#80d491
```
#80d491 rgb(128,212,145)
```
#80d498
```
#80d498 rgb(128,212,152)
```
#80d49f
```
#80d49f rgb(128,212,159)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#80d4ad
```
#80d4ad rgb(128,212,173)
```
#80d4b4
```
#80d4b4 rgb(128,212,180)
```
#80d4bb
```
#80d4bb rgb(128,212,187)
```

Similar Colors

Text with hexadecimal color #80d4a6

This text has a font color of #80d4a6.

<span style="color:#80d4a6;">Text here</span>

#80d4a6 background color

This paragraph has a background color of #80d4a6.

<p style="background-color:#80d4a6;">Content here</p>

#80d4a6 border color

This element has a border color of #80d4a6.

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

CSS codes

.text {color:#80d4a6;}

.background {background-color:#80d4a6;}

.border {border:1px solid #80d4a6;}

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

#020503
```
#020503 rgb(2,5,3)
```
#07140c
```
#07140c rgb(7,20,12)
```
#0c2216
```
#0c2216 rgb(12,34,22)
```
#11311f
```
#11311f rgb(17,49,31)
```
#164029
```
#164029 rgb(22,64,41)
```
#1a4e32
```
#1a4e32 rgb(26,78,50)
```
#1f5d3b
```
#1f5d3b rgb(31,93,59)
```
#246b45
```
#246b45 rgb(36,107,69)
```
#297a4e
```
#297a4e rgb(41,122,78)
```
#2e8957
```
#2e8957 rgb(46,137,87)
```
#339761
```
#339761 rgb(51,151,97)
```
#38a66a
```
#38a66a rgb(56,166,106)
```
#3db573
```
#3db573 rgb(61,181,115)
```

Shade Color Variation

#45c07d
```
#45c07d rgb(69,192,125)
```
#54c587
```
#54c587 rgb(84,197,135)
```
#63ca91
```
#63ca91 rgb(99,202,145)
```
#71cf9c
```
#71cf9c rgb(113,207,156)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#8fd9b0
```
#8fd9b0 rgb(143,217,176)
```
#9ddebb
```
#9ddebb rgb(157,222,187)
```
#ace3c5
```
#ace3c5 rgb(172,227,197)
```
#bbe8cf
```
#bbe8cf rgb(187,232,207)
```
#c9edd9
```
#c9edd9 rgb(201,237,217)
```
#d8f2e4
```
#d8f2e4 rgb(216,242,228)
```
#e7f7ee
```
#e7f7ee rgb(231,247,238)
```
#f5fcf8
```
#f5fcf8 rgb(245,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a7adaa is the less saturated color, while #59fba2 is the most saturated one.

#a7adaa
```
#a7adaa rgb(167,173,170)
```
#a1b3a9
```
#a1b3a9 rgb(161,179,169)
```
#9abaa8
```
#9abaa8 rgb(154,186,168)
```
#94c0a8
```
#94c0a8 rgb(148,192,168)
```
#8dc7a7
```
#8dc7a7 rgb(141,199,167)
```
#87cda7
```
#87cda7 rgb(135,205,167)
```
#80d4a6
```
#80d4a6 rgb(128,212,166)
```
#79dba5
```
#79dba5 rgb(121,219,165)
```
#73e1a5
```
#73e1a5 rgb(115,225,165)
```
#6ce8a4
```
#6ce8a4 rgb(108,232,164)
```
#66eea4
```
#66eea4 rgb(102,238,164)
```
#5ff5a3
```
#5ff5a3 rgb(95,245,163)
```
#59fba2
```
#59fba2 rgb(89,251,162)
```

Tone Color Variation

Below, you can see how #80d4a6 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

#b6b6b6 Achromatopsia 0.005% of the population
#abbcb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c5a3 Protanopia 1% of men
#dfbfb2 Deuteranopia 1% of men
#94cfde Tritanopia 0.001% of the population

Trichromacy

#b3caa4 Protanomaly 1% of men, 0.01% of women
#bcc6ad Deuteranomaly 6% of men, 0.4% of women
#8dd0c9 Tritanomaly 0.01% of the population

#80d4a6 hex color

#80d4a6 Color Information

#80d4a6 Color Conversion

Color Schemes with #80d4a6

Alternatives to #80d4a6

#80d4a6 Preview

Shades and Tints of #80d4a6

Tones of #80d4a6

Color Blindness Simulator