#80d2ae hex color

In a RGB color space, hex #80d2ae is composed of 50.2% red, 82.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 0% magenta, 17.1% yellow and 17.6% black. It has a hue angle of 153.7 degrees, a saturation of 47.7% and a lightness of 66.3%. #80d2ae color hex could be obtained by blending #ffffff with #01a55d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 82
- B 68
RGB color chart
- C 39
- M 0
- Y 17
- K 18
CMYK color chart

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

The hexadecimal color #80d2ae has RGB values of R:128, G:210, B:174 and CMYK values of C:0.39, M:0, Y:0.17, K:0.18. Its decimal value is 8442542.

Hex triplet	80d2ae	`#80d2ae`
RGB Decimal	128, 210, 174	`rgb(128,210,174)`
RGB Percent	50.2, 82.4, 68.2	`rgb(50.2%,82.4%,68.2%)`
CMYK	39, 0, 17, 18
HSL	153.7°, 47.7, 66.3	`hsl(153.7,47.7%,66.3%)`
HSV (or HSB)	153.7°, 39, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.308, -33.101, 10.038
XYZ	39.586, 53.736, 48.328
xyY	0.279, 0.379, 53.736
CIE-LCH	78.308, 34.589, 163.129
CIE-LUV	78.308, -38.678, 20.23
Hunter-Lab	73.305, -31.89, 12.225
Binary	10000000, 11010010, 10101110

#80d2ae
```
#80d2ae rgb(128,210,174)
```
#d280a4
```
#d280a4 rgb(210,128,164)
```

Complementary Color

#80d285
```
#80d285 rgb(128,210,133)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#80cdd2
```
#80cdd2 rgb(128,205,210)
```

Analogous Color

#d28580
```
#d28580 rgb(210,133,128)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#d280cd
```
#d280cd rgb(210,128,205)
```

Split Complementary Color

#d2ae80
```
#d2ae80 rgb(210,174,128)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#ae80d2
```
#ae80d2 rgb(174,128,210)
```

Triadic Color

#a4d280
```
#a4d280 rgb(164,210,128)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#ae80d2
```
#ae80d2 rgb(174,128,210)
```
#d280a4
```
#d280a4 rgb(210,128,164)
```

Tetradic Color

#48be8a
```
#48be8a rgb(72,190,138)
```
#5ac596
```
#5ac596 rgb(90,197,150)
```
#6dcba2
```
#6dcba2 rgb(109,203,162)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#93d9ba
```
#93d9ba rgb(147,217,186)
```
#a6dfc6
```
#a6dfc6 rgb(166,223,198)
```
#b8e6d2
```
#b8e6d2 rgb(184,230,210)
```

Monochromatic Color

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

#80d29a
```
#80d29a rgb(128,210,154)
```
#80d2a0
```
#80d2a0 rgb(128,210,160)
```
#80d2a7
```
#80d2a7 rgb(128,210,167)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#80d2b5
```
#80d2b5 rgb(128,210,181)
```
#80d2bc
```
#80d2bc rgb(128,210,188)
```
#80d2c3
```
#80d2c3 rgb(128,210,195)
```

Similar Colors

Text with hexadecimal color #80d2ae

This text has a font color of #80d2ae.

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

#80d2ae background color

This paragraph has a background color of #80d2ae.

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

#80d2ae border color

This element has a border color of #80d2ae.

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

CSS codes

.text {color:#80d2ae;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06120d
```
#06120d rgb(6,18,13)
```
#0b2017
```
#0b2017 rgb(11,32,23)
```
#112f22
```
#112f22 rgb(17,47,34)
```
#163d2c
```
#163d2c rgb(22,61,44)
```
#1b4c36
```
#1b4c36 rgb(27,76,54)
```
#205a41
```
#205a41 rgb(32,90,65)
```
#25694b
```
#25694b rgb(37,105,75)
```
#2a7755
```
#2a7755 rgb(42,119,85)
```
#2f8660
```
#2f8660 rgb(47,134,96)
```
#35946a
```
#35946a rgb(53,148,106)
```
#3aa375
```
#3aa375 rgb(58,163,117)
```
#3fb17f
```
#3fb17f rgb(63,177,127)
```

Shade Color Variation

#46bd89
```
#46bd89 rgb(70,189,137)
```
#55c392
```
#55c392 rgb(85,195,146)
```
#63c89c
```
#63c89c rgb(99,200,156)
```
#72cda5
```
#72cda5 rgb(114,205,165)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#8ed7b7
```
#8ed7b7 rgb(142,215,183)
```
#9ddcc0
```
#9ddcc0 rgb(157,220,192)
```
#abe1ca
```
#abe1ca rgb(171,225,202)
```
#bae7d3
```
#bae7d3 rgb(186,231,211)
```
#c8ecdc
```
#c8ecdc rgb(200,236,220)
```
#d7f1e5
```
#d7f1e5 rgb(215,241,229)
```
#e5f6ef
```
#e5f6ef rgb(229,246,239)
```
#f4fbf8
```
#f4fbf8 rgb(244,251,248)
```

Tint Color Variation

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

#a8aaa9
```
#a8aaa9 rgb(168,170,169)
```
#a1b1aa
```
#a1b1aa rgb(161,177,170)
```
#9ab8ab
```
#9ab8ab rgb(154,184,171)
```
#94beac
```
#94beac rgb(148,190,172)
```
#8dc5ac
```
#8dc5ac rgb(141,197,172)
```
#87cbad
```
#87cbad rgb(135,203,173)
```
#80d2ae
```
#80d2ae rgb(128,210,174)
```
#79d9af
```
#79d9af rgb(121,217,175)
```
#73dfb0
```
#73dfb0 rgb(115,223,176)
```
#6ce6b0
```
#6ce6b0 rgb(108,230,176)
```
#66ecb1
```
#66ecb1 rgb(102,236,177)
```
#5ff3b2
```
#5ff3b2 rgb(95,243,178)
```
#58fab3
```
#58fab3 rgb(88,250,179)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#aabbb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec4aa Protanopia 1% of men
#dbbeb9 Deuteranopia 1% of men
#92cedd Tritanopia 0.001% of the population

Trichromacy

#b1c9ab Protanomaly 1% of men, 0.01% of women
#bac5b5 Deuteranomaly 6% of men, 0.4% of women
#8ccfcb Tritanomaly 0.01% of the population

#80d2ae hex color

#80d2ae Color Information

#80d2ae Color Conversion

Color Schemes with #80d2ae

Alternatives to #80d2ae

#80d2ae Preview

Shades and Tints of #80d2ae

Tones of #80d2ae

Color Blindness Simulator