#80d8a2 hex color

In a RGB color space, hex #80d8a2 is composed of 50.2% red, 84.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 0% magenta, 25% yellow and 15.3% black. It has a hue angle of 143.2 degrees, a saturation of 53% and a lightness of 67.5%. #80d8a2 color hex could be obtained by blending #ffffff with #01b145. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 85
- B 64
RGB color chart
- C 41
- M 0
- Y 25
- K 15
CMYK color chart

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

The hexadecimal color #80d8a2 has RGB values of R:128, G:216, B:162 and CMYK values of C:0.41, M:0, Y:0.25, K:0.15. Its decimal value is 8444066.

Hex triplet	80d8a2	`#80d8a2`
RGB Decimal	128, 216, 162	`rgb(128,216,162)`
RGB Percent	50.2, 84.7, 63.5	`rgb(50.2%,84.7%,63.5%)`
CMYK	41, 0, 25, 15
HSL	143.2°, 53, 67.5	`hsl(143.2,53%,67.5%)`
HSV (or HSB)	143.2°, 40.7, 84.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	79.788, -38.258, 18.483
XYZ	39.977, 56.307, 42.942
xyY	0.287, 0.404, 56.307
CIE-LCH	79.788, 42.489, 154.213
CIE-LUV	79.788, -41.539, 32.903
Hunter-Lab	75.038, -36.219, 18.597
Binary	10000000, 11011000, 10100010

#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#d880b6
```
#d880b6 rgb(216,128,182)
```

Complementary Color

#8ad880
```
#8ad880 rgb(138,216,128)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#80d8ce
```
#80d8ce rgb(128,216,206)
```

Analogous Color

#d8808a
```
#d8808a rgb(216,128,138)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#ce80d8
```
#ce80d8 rgb(206,128,216)
```

Split Complementary Color

#d8a280
```
#d8a280 rgb(216,162,128)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#a280d8
```
#a280d8 rgb(162,128,216)
```

Triadic Color

#b6d880
```
#b6d880 rgb(182,216,128)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#a280d8
```
#a280d8 rgb(162,128,216)
```
#d880b6
```
#d880b6 rgb(216,128,182)
```

Tetradic Color

#45c677
```
#45c677 rgb(69,198,119)
```
#59cc85
```
#59cc85 rgb(89,204,133)
```
#6cd294
```
#6cd294 rgb(108,210,148)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#94deb0
```
#94deb0 rgb(148,222,176)
```
#a7e4bf
```
#a7e4bf rgb(167,228,191)
```
#bbeacd
```
#bbeacd rgb(187,234,205)
```

Monochromatic Color

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

#80d88c
```
#80d88c rgb(128,216,140)
```
#80d893
```
#80d893 rgb(128,216,147)
```
#80d89b
```
#80d89b rgb(128,216,155)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#80d8a9
```
#80d8a9 rgb(128,216,169)
```
#80d8b1
```
#80d8b1 rgb(128,216,177)
```
#80d8b8
```
#80d8b8 rgb(128,216,184)
```

Similar Colors

Text with hexadecimal color #80d8a2

This text has a font color of #80d8a2.

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

#80d8a2 background color

This paragraph has a background color of #80d8a2.

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

#80d8a2 border color

This element has a border color of #80d8a2.

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

CSS codes

.text {color:#80d8a2;}

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

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

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

#020805
```
#020805 rgb(2,8,5)
```
#07170d
```
#07170d rgb(7,23,13)
```
#0c2616
```
#0c2616 rgb(12,38,22)
```
#10351f
```
#10351f rgb(16,53,31)
```
#154427
```
#154427 rgb(21,68,39)
```
#1a5330
```
#1a5330 rgb(26,83,48)
```
#1e6238
```
#1e6238 rgb(30,98,56)
```
#237141
```
#237141 rgb(35,113,65)
```
#27804a
```
#27804a rgb(39,128,74)
```
#2c8f52
```
#2c8f52 rgb(44,143,82)
```
#319e5b
```
#319e5b rgb(49,158,91)
```
#35ad64
```
#35ad64 rgb(53,173,100)
```
#3abc6c
```
#3abc6c rgb(58,188,108)
```

Shade Color Variation

#44c676
```
#44c676 rgb(68,198,118)
```
#53ca81
```
#53ca81 rgb(83,202,129)
```
#62cf8c
```
#62cf8c rgb(98,207,140)
```
#71d397
```
#71d397 rgb(113,211,151)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#8fddad
```
#8fddad rgb(143,221,173)
```
#9ee1b8
```
#9ee1b8 rgb(158,225,184)
```
#ade6c3
```
#ade6c3 rgb(173,230,195)
```
#bceace
```
#bceace rgb(188,234,206)
```
#cbefd9
```
#cbefd9 rgb(203,239,217)
```
#daf4e4
```
#daf4e4 rgb(218,244,228)
```
#e9f8ef
```
#e9f8ef rgb(233,248,239)
```
#f8fdfa
```
#f8fdfa rgb(248,253,250)
```

Tint Color Variation

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

#a6b2ab
```
#a6b2ab rgb(166,178,171)
```
#a0b8a9
```
#a0b8a9 rgb(160,184,169)
```
#9abea8
```
#9abea8 rgb(154,190,168)
```
#93c5a6
```
#93c5a6 rgb(147,197,166)
```
#8dcba5
```
#8dcba5 rgb(141,203,165)
```
#86d2a3
```
#86d2a3 rgb(134,210,163)
```
#80d8a2
```
#80d8a2 rgb(128,216,162)
```
#7adea1
```
#7adea1 rgb(122,222,161)
```
#73e59f
```
#73e59f rgb(115,229,159)
```
#6deb9e
```
#6deb9e rgb(109,235,158)
```
#66f29c
```
#66f29c rgb(102,242,156)
```
#60f89b
```
#60f89b rgb(96,248,155)
```
#5afe99
```
#5afe99 rgb(90,254,153)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#adbeb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c89f Protanopia 1% of men
#e4c1ae Deuteranopia 1% of men
#96d2e1 Tritanopia 0.001% of the population

Trichromacy

#b6cea0 Protanomaly 1% of men, 0.01% of women
#c0c9aa Deuteranomaly 6% of men, 0.4% of women
#8ed4ca Tritanomaly 0.01% of the population

#80d8a2 hex color

#80d8a2 Color Information

#80d8a2 Color Conversion

Color Schemes with #80d8a2

Alternatives to #80d8a2

#80d8a2 Preview

Shades and Tints of #80d8a2

Tones of #80d8a2

Color Blindness Simulator