#80d5ae hex color

In a RGB color space, hex #80d5ae is composed of 50.2% red, 83.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 0% magenta, 18.3% yellow and 16.5% black. It has a hue angle of 152.5 degrees, a saturation of 50.3% and a lightness of 66.9%. #80d5ae color hex could be obtained by blending #ffffff with #01ab5d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 84
- B 68
RGB color chart
- C 40
- M 0
- Y 18
- K 16
CMYK color chart

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

The hexadecimal color #80d5ae has RGB values of R:128, G:213, B:174 and CMYK values of C:0.4, M:0, Y:0.18, K:0.16. Its decimal value is 8443310.

Hex triplet	80d5ae	`#80d5ae`
RGB Decimal	128, 213, 174	`rgb(128,213,174)`
RGB Percent	50.2, 83.5, 68.2	`rgb(50.2%,83.5%,68.2%)`
CMYK	40, 0, 18, 16
HSL	152.5°, 50.3, 66.9	`hsl(152.5,50.3%,66.9%)`
HSV (or HSB)	152.5°, 39.9, 83.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	79.174, -34.5, 11.271
XYZ	40.334, 55.231, 48.577
xyY	0.28, 0.383, 55.231
CIE-LCH	79.174, 36.295, 161.908
CIE-LUV	79.174, -39.952, 22.257
Hunter-Lab	74.318, -33.181, 13.268
Binary	10000000, 11010101, 10101110

#80d5ae
```
#80d5ae rgb(128,213,174)
```
#d580a7
```
#d580a7 rgb(213,128,167)
```

Complementary Color

#80d584
```
#80d584 rgb(128,213,132)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#80d2d5
```
#80d2d5 rgb(128,210,213)
```

Analogous Color

#d58480
```
#d58480 rgb(213,132,128)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#d580d2
```
#d580d2 rgb(213,128,210)
```

Split Complementary Color

#d5ae80
```
#d5ae80 rgb(213,174,128)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#ae80d5
```
#ae80d5 rgb(174,128,213)
```

Triadic Color

#a7d580
```
#a7d580 rgb(167,213,128)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#ae80d5
```
#ae80d5 rgb(174,128,213)
```
#d580a7
```
#d580a7 rgb(213,128,167)
```

Tetradic Color

#47c289
```
#47c289 rgb(71,194,137)
```
#5ac896
```
#5ac896 rgb(90,200,150)
```
#6dcfa2
```
#6dcfa2 rgb(109,207,162)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#93dbba
```
#93dbba rgb(147,219,186)
```
#a6e2c6
```
#a6e2c6 rgb(166,226,198)
```
#b9e8d3
```
#b9e8d3 rgb(185,232,211)
```

Monochromatic Color

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

#80d599
```
#80d599 rgb(128,213,153)
```
#80d5a0
```
#80d5a0 rgb(128,213,160)
```
#80d5a7
```
#80d5a7 rgb(128,213,167)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#80d5b5
```
#80d5b5 rgb(128,213,181)
```
#80d5bc
```
#80d5bc rgb(128,213,188)
```
#80d5c3
```
#80d5c3 rgb(128,213,195)
```

Similar Colors

Text with hexadecimal color #80d5ae

This text has a font color of #80d5ae.

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

#80d5ae background color

This paragraph has a background color of #80d5ae.

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

#80d5ae border color

This element has a border color of #80d5ae.

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

CSS codes

.text {color:#80d5ae;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#07140e
```
#07140e rgb(7,20,14)
```
#0c2318
```
#0c2318 rgb(12,35,24)
```
#103223
```
#103223 rgb(16,50,35)
```
#15412d
```
#15412d rgb(21,65,45)
```
#1a4f37
```
#1a4f37 rgb(26,79,55)
```
#1f5e41
```
#1f5e41 rgb(31,94,65)
```
#246d4b
```
#246d4b rgb(36,109,75)
```
#297c56
```
#297c56 rgb(41,124,86)
```
#2e8a60
```
#2e8a60 rgb(46,138,96)
```
#33996a
```
#33996a rgb(51,153,106)
```
#37a874
```
#37a874 rgb(55,168,116)
```
#3cb77e
```
#3cb77e rgb(60,183,126)
```

Shade Color Variation

#45c288
```
#45c288 rgb(69,194,136)
```
#54c692
```
#54c692 rgb(84,198,146)
```
#63cb9b
```
#63cb9b rgb(99,203,155)
```
#71d0a5
```
#71d0a5 rgb(113,208,165)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#8fdab7
```
#8fdab7 rgb(143,218,183)
```
#9ddfc1
```
#9ddfc1 rgb(157,223,193)
```
#ace4ca
```
#ace4ca rgb(172,228,202)
```
#bbe8d4
```
#bbe8d4 rgb(187,232,212)
```
#caeddd
```
#caeddd rgb(202,237,221)
```
#d8f2e6
```
#d8f2e6 rgb(216,242,230)
```
#e7f7f0
```
#e7f7f0 rgb(231,247,240)
```
#f6fcf9
```
#f6fcf9 rgb(246,252,249)
```

Tint Color Variation

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

#a7aeab
```
#a7aeab rgb(167,174,171)
```
#a1b5ab
```
#a1b5ab rgb(161,181,171)
```
#9abbac
```
#9abbac rgb(154,187,172)
```
#94c2ac
```
#94c2ac rgb(148,194,172)
```
#8dc8ad
```
#8dc8ad rgb(141,200,173)
```
#87cfad
```
#87cfad rgb(135,207,173)
```
#80d5ae
```
#80d5ae rgb(128,213,174)
```
#7adcaf
```
#7adcaf rgb(122,220,175)
```
#73e2af
```
#73e2af rgb(115,226,175)
```
#6de9b0
```
#6de9b0 rgb(109,233,176)
```
#66efb0
```
#66efb0 rgb(102,239,176)
```
#60f6b1
```
#60f6b1 rgb(96,246,177)
```
#59fcb1
```
#59fcb1 rgb(89,252,177)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#acbdb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c6aa Protanopia 1% of men
#dec0b9 Deuteranopia 1% of men
#93d0df Tritanopia 0.001% of the population

Trichromacy

#b3cbab Protanomaly 1% of men, 0.01% of women
#bcc8b5 Deuteranomaly 6% of men, 0.4% of women
#8cd2cd Tritanomaly 0.01% of the population

#80d5ae hex color

#80d5ae Color Information

#80d5ae Color Conversion

Color Schemes with #80d5ae

Alternatives to #80d5ae

#80d5ae Preview

Shades and Tints of #80d5ae

Tones of #80d5ae

Color Blindness Simulator