#80d3aa hex color

In a RGB color space, hex #80d3aa is composed of 50.2% red, 82.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 19.4% yellow and 17.3% black. It has a hue angle of 150.4 degrees, a saturation of 48.5% and a lightness of 66.5%. #80d3aa color hex could be obtained by blending #ffffff with #01a755. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 83
- B 67
RGB color chart
- C 39
- M 0
- Y 19
- K 17
CMYK color chart

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

The hexadecimal color #80d3aa has RGB values of R:128, G:211, B:170 and CMYK values of C:0.39, M:0, Y:0.19, K:0.17. Its decimal value is 8442794.

Hex triplet	80d3aa	`#80d3aa`
RGB Decimal	128, 211, 170	`rgb(128,211,170)`
RGB Percent	50.2, 82.7, 66.7	`rgb(50.2%,82.7%,66.7%)`
CMYK	39, 0, 19, 17
HSL	150.4°, 48.5, 66.5	`hsl(150.4,48.5%,66.5%)`
HSV (or HSB)	150.4°, 39.3, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.507, -34.39, 12.453
XYZ	39.45, 54.078, 46.387
xyY	0.282, 0.387, 54.078
CIE-LCH	78.507, 36.575, 160.095
CIE-LUV	78.507, -39.202, 23.872
Hunter-Lab	73.538, -32.933, 14.076
Binary	10000000, 11010011, 10101010

#80d3aa
```
#80d3aa rgb(128,211,170)
```
#d380a9
```
#d380a9 rgb(211,128,169)
```

Complementary Color

#80d381
```
#80d381 rgb(128,211,129)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#80d3d3
```
#80d3d3 rgb(128,211,211)
```

Analogous Color

#d38180
```
#d38180 rgb(211,129,128)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#d380d3
```
#d380d3 rgb(211,128,211)
```

Split Complementary Color

#d3aa80
```
#d3aa80 rgb(211,170,128)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#aa80d3
```
#aa80d3 rgb(170,128,211)
```

Triadic Color

#a9d380
```
#a9d380 rgb(169,211,128)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#aa80d3
```
#aa80d3 rgb(170,128,211)
```
#d380a9
```
#d380a9 rgb(211,128,169)
```

Tetradic Color

#47bf84
```
#47bf84 rgb(71,191,132)
```
#5ac691
```
#5ac691 rgb(90,198,145)
```
#6dcc9d
```
#6dcc9d rgb(109,204,157)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#93dab7
```
#93dab7 rgb(147,218,183)
```
#a6e0c3
```
#a6e0c3 rgb(166,224,195)
```
#b9e7d0
```
#b9e7d0 rgb(185,231,208)
```

Monochromatic Color

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

#80d395
```
#80d395 rgb(128,211,149)
```
#80d39c
```
#80d39c rgb(128,211,156)
```
#80d3a3
```
#80d3a3 rgb(128,211,163)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#80d3b1
```
#80d3b1 rgb(128,211,177)
```
#80d3b8
```
#80d3b8 rgb(128,211,184)
```
#80d3bf
```
#80d3bf rgb(128,211,191)
```

Similar Colors

Text with hexadecimal color #80d3aa

This text has a font color of #80d3aa.

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

#80d3aa background color

This paragraph has a background color of #80d3aa.

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

#80d3aa border color

This element has a border color of #80d3aa.

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

CSS codes

.text {color:#80d3aa;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#06130d
```
#06130d rgb(6,19,13)
```
#0c2117
```
#0c2117 rgb(12,33,23)
```
#113020
```
#113020 rgb(17,48,32)
```
#163e2a
```
#163e2a rgb(22,62,42)
```
#1b4d34
```
#1b4d34 rgb(27,77,52)
```
#205c3e
```
#205c3e rgb(32,92,62)
```
#256a48
```
#256a48 rgb(37,106,72)
```
#2a7952
```
#2a7952 rgb(42,121,82)
```
#2f875c
```
#2f875c rgb(47,135,92)
```
#349665
```
#349665 rgb(52,150,101)
```
#39a46f
```
#39a46f rgb(57,164,111)
```
#3eb379
```
#3eb379 rgb(62,179,121)
```

Shade Color Variation

#46bf83
```
#46bf83 rgb(70,191,131)
```
#54c48d
```
#54c48d rgb(84,196,141)
```
#63c996
```
#63c996 rgb(99,201,150)
```
#71cea0
```
#71cea0 rgb(113,206,160)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#8fd8b4
```
#8fd8b4 rgb(143,216,180)
```
#9dddbe
```
#9dddbe rgb(157,221,190)
```
#ace2c7
```
#ace2c7 rgb(172,226,199)
```
#bae7d1
```
#bae7d1 rgb(186,231,209)
```
#c9ecdb
```
#c9ecdb rgb(201,236,219)
```
#d7f1e5
```
#d7f1e5 rgb(215,241,229)
```
#e6f6ee
```
#e6f6ee rgb(230,246,238)
```
#f5fbf8
```
#f5fbf8 rgb(245,251,248)
```

Tint Color Variation

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

#a7acaa
```
#a7acaa rgb(167,172,170)
```
#a1b2aa
```
#a1b2aa rgb(161,178,170)
```
#9ab9aa
```
#9ab9aa rgb(154,185,170)
```
#94bfaa
```
#94bfaa rgb(148,191,170)
```
#8dc6aa
```
#8dc6aa rgb(141,198,170)
```
#87ccaa
```
#87ccaa rgb(135,204,170)
```
#80d3aa
```
#80d3aa rgb(128,211,170)
```
#79daaa
```
#79daaa rgb(121,218,170)
```
#73e0aa
```
#73e0aa rgb(115,224,170)
```
#6ce7aa
```
#6ce7aa rgb(108,231,170)
```
#66edaa
```
#66edaa rgb(102,237,170)
```
#5ff4aa
```
#5ff4aa rgb(95,244,170)
```
#59faaa
```
#59faaa rgb(89,250,170)
```

Tone Color Variation

Below, you can see how #80d3aa 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
#abbcb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc4a6 Protanopia 1% of men
#ddbeb5 Deuteranopia 1% of men
#93cedd Tritanopia 0.001% of the population

Trichromacy

#b2caa7 Protanomaly 1% of men, 0.01% of women
#bbc6b1 Deuteranomaly 6% of men, 0.4% of women
#8cd0ca Tritanomaly 0.01% of the population

#80d3aa hex color

#80d3aa Color Information

#80d3aa Color Conversion

Color Schemes with #80d3aa

Alternatives to #80d3aa

#80d3aa Preview

Shades and Tints of #80d3aa

Tones of #80d3aa

Color Blindness Simulator