#80d2a4 hex color

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

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

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

The hexadecimal color #80d2a4 has RGB values of R:128, G:210, B:164 and CMYK values of C:0.39, M:0, Y:0.22, K:0.18. Its decimal value is 8442532.

Hex triplet	80d2a4	`#80d2a4`
RGB Decimal	128, 210, 164	`rgb(128,210,164)`
RGB Percent	50.2, 82.4, 64.3	`rgb(50.2%,82.4%,64.3%)`
CMYK	39, 0, 22, 18
HSL	146.3°, 47.7, 66.3	`hsl(146.3,47.7%,66.3%)`
HSV (or HSB)	146.3°, 39, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.087, -35.127, 15.051
XYZ	38.647, 53.361, 43.383
xyY	0.285, 0.394, 53.361
CIE-LCH	78.087, 38.216, 156.807
CIE-LUV	78.087, -38.919, 27.579
Hunter-Lab	73.048, -33.397, 15.922
Binary	10000000, 11010010, 10100100

#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#d280ae
```
#d280ae rgb(210,128,174)
```

Complementary Color

#85d280
```
#85d280 rgb(133,210,128)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#80d2cd
```
#80d2cd rgb(128,210,205)
```

Analogous Color

#d28085
```
#d28085 rgb(210,128,133)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#cd80d2
```
#cd80d2 rgb(205,128,210)
```

Split Complementary Color

#d2a480
```
#d2a480 rgb(210,164,128)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#a480d2
```
#a480d2 rgb(164,128,210)
```

Triadic Color

#aed280
```
#aed280 rgb(174,210,128)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#a480d2
```
#a480d2 rgb(164,128,210)
```
#d280ae
```
#d280ae rgb(210,128,174)
```

Tetradic Color

#48be7c
```
#48be7c rgb(72,190,124)
```
#5ac589
```
#5ac589 rgb(90,197,137)
```
#6dcb97
```
#6dcb97 rgb(109,203,151)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#93d9b1
```
#93d9b1 rgb(147,217,177)
```
#a6dfbf
```
#a6dfbf rgb(166,223,191)
```
#b8e6cc
```
#b8e6cc rgb(184,230,204)
```

Monochromatic Color

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

#80d290
```
#80d290 rgb(128,210,144)
```
#80d296
```
#80d296 rgb(128,210,150)
```
#80d29d
```
#80d29d rgb(128,210,157)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#80d2ab
```
#80d2ab rgb(128,210,171)
```
#80d2b2
```
#80d2b2 rgb(128,210,178)
```
#80d2b9
```
#80d2b9 rgb(128,210,185)
```

Similar Colors

Text with hexadecimal color #80d2a4

This text has a font color of #80d2a4.

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

#80d2a4 background color

This paragraph has a background color of #80d2a4.

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

#80d2a4 border color

This element has a border color of #80d2a4.

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

CSS codes

.text {color:#80d2a4;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#06120b
```
#06120b rgb(6,18,11)
```
#0b2015
```
#0b2015 rgb(11,32,21)
```
#112f1e
```
#112f1e rgb(17,47,30)
```
#163d27
```
#163d27 rgb(22,61,39)
```
#1b4c30
```
#1b4c30 rgb(27,76,48)
```
#205a3a
```
#205a3a rgb(32,90,58)
```
#256943
```
#256943 rgb(37,105,67)
```
#2a774c
```
#2a774c rgb(42,119,76)
```
#2f8655
```
#2f8655 rgb(47,134,85)
```
#35945f
```
#35945f rgb(53,148,95)
```
#3aa368
```
#3aa368 rgb(58,163,104)
```
#3fb171
```
#3fb171 rgb(63,177,113)
```

Shade Color Variation

#46bd7a
```
#46bd7a rgb(70,189,122)
```
#55c385
```
#55c385 rgb(85,195,133)
```
#63c88f
```
#63c88f rgb(99,200,143)
```
#72cd9a
```
#72cd9a rgb(114,205,154)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#8ed7ae
```
#8ed7ae rgb(142,215,174)
```
#9ddcb9
```
#9ddcb9 rgb(157,220,185)
```
#abe1c3
```
#abe1c3 rgb(171,225,195)
```
#bae7ce
```
#bae7ce rgb(186,231,206)
```
#c8ecd8
```
#c8ecd8 rgb(200,236,216)
```
#d7f1e2
```
#d7f1e2 rgb(215,241,226)
```
#e5f6ed
```
#e5f6ed rgb(229,246,237)
```
#f4fbf7
```
#f4fbf7 rgb(244,251,247)
```

Tint Color Variation

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

#a8aaa9
```
#a8aaa9 rgb(168,170,169)
```
#a1b1a8
```
#a1b1a8 rgb(161,177,168)
```
#9ab8a7
```
#9ab8a7 rgb(154,184,167)
```
#94bea6
```
#94bea6 rgb(148,190,166)
```
#8dc5a6
```
#8dc5a6 rgb(141,197,166)
```
#87cba5
```
#87cba5 rgb(135,203,165)
```
#80d2a4
```
#80d2a4 rgb(128,210,164)
```
#79d9a3
```
#79d9a3 rgb(121,217,163)
```
#73dfa2
```
#73dfa2 rgb(115,223,162)
```
#6ce6a2
```
#6ce6a2 rgb(108,230,162)
```
#66eca1
```
#66eca1 rgb(102,236,161)
```
#5ff3a0
```
#5ff3a0 rgb(95,243,160)
```
#58fa9f
```
#58fa9f rgb(88,250,159)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#aabab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc3a1 Protanopia 1% of men
#ddbdb0 Deuteranopia 1% of men
#94cddc Tritanopia 0.001% of the population

Trichromacy

#b2c9a2 Protanomaly 1% of men, 0.01% of women
#bbc5ab Deuteranomaly 6% of men, 0.4% of women
#8dcec7 Tritanomaly 0.01% of the population

#80d2a4 hex color

#80d2a4 Color Information

#80d2a4 Color Conversion

Color Schemes with #80d2a4

Alternatives to #80d2a4

#80d2a4 Preview

Shades and Tints of #80d2a4

Tones of #80d2a4

Color Blindness Simulator