#80d2af hex color

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

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

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

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

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

CIE-LAB	78.331, -32.892, 9.537
XYZ	39.684, 53.775, 48.844
xyY	0.279, 0.378, 53.775
CIE-LCH	78.331, 34.247, 163.83
CIE-LUV	78.331, -38.654, 19.48
Hunter-Lab	73.332, -31.734, 11.841
Binary	10000000, 11010010, 10101111

#80d2af
```
#80d2af rgb(128,210,175)
```
#d280a3
```
#d280a3 rgb(210,128,163)
```

Complementary Color

#80d286
```
#80d286 rgb(128,210,134)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#80ccd2
```
#80ccd2 rgb(128,204,210)
```

Analogous Color

#d28680
```
#d28680 rgb(210,134,128)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#d280cc
```
#d280cc rgb(210,128,204)
```

Split Complementary Color

#d2af80
```
#d2af80 rgb(210,175,128)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```

Triadic Color

#a3d280
```
#a3d280 rgb(163,210,128)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#d280a3
```
#d280a3 rgb(210,128,163)
```

Tetradic Color

#48be8b
```
#48be8b rgb(72,190,139)
```
#5ac597
```
#5ac597 rgb(90,197,151)
```
#6dcba3
```
#6dcba3 rgb(109,203,163)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#93d9bb
```
#93d9bb rgb(147,217,187)
```
#a6dfc7
```
#a6dfc7 rgb(166,223,199)
```
#b8e6d3
```
#b8e6d3 rgb(184,230,211)
```

Monochromatic Color

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

#80d29b
```
#80d29b rgb(128,210,155)
```
#80d2a1
```
#80d2a1 rgb(128,210,161)
```
#80d2a8
```
#80d2a8 rgb(128,210,168)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#80d2b6
```
#80d2b6 rgb(128,210,182)
```
#80d2bd
```
#80d2bd rgb(128,210,189)
```
#80d2c4
```
#80d2c4 rgb(128,210,196)
```

Similar Colors

Text with hexadecimal color #80d2af

This text has a font color of #80d2af.

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

#80d2af background color

This paragraph has a background color of #80d2af.

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

#80d2af border color

This element has a border color of #80d2af.

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

CSS codes

.text {color:#80d2af;}

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

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

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)
```
#1b4c37
```
#1b4c37 rgb(27,76,55)
```
#205a41
```
#205a41 rgb(32,90,65)
```
#25694c
```
#25694c rgb(37,105,76)
```
#2a7756
```
#2a7756 rgb(42,119,86)
```
#2f8661
```
#2f8661 rgb(47,134,97)
```
#35946b
```
#35946b rgb(53,148,107)
```
#3aa376
```
#3aa376 rgb(58,163,118)
```
#3fb180
```
#3fb180 rgb(63,177,128)
```

Shade Color Variation

#46bd8b
```
#46bd8b rgb(70,189,139)
```
#55c394
```
#55c394 rgb(85,195,148)
```
#63c89d
```
#63c89d rgb(99,200,157)
```
#72cda6
```
#72cda6 rgb(114,205,166)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#8ed7b8
```
#8ed7b8 rgb(142,215,184)
```
#9ddcc1
```
#9ddcc1 rgb(157,220,193)
```
#abe1ca
```
#abe1ca rgb(171,225,202)
```
#bae7d3
```
#bae7d3 rgb(186,231,211)
```
#c8ecdd
```
#c8ecdd rgb(200,236,221)
```
#d7f1e6
```
#d7f1e6 rgb(215,241,230)
```
#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 #58fab5 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)
```
#8dc5ad
```
#8dc5ad rgb(141,197,173)
```
#87cbae
```
#87cbae rgb(135,203,174)
```
#80d2af
```
#80d2af rgb(128,210,175)
```
#79d9b0
```
#79d9b0 rgb(121,217,176)
```
#73dfb1
```
#73dfb1 rgb(115,223,177)
```
#6ce6b2
```
#6ce6b2 rgb(108,230,178)
```
#66ecb3
```
#66ecb3 rgb(102,236,179)
```
#5ff3b4
```
#5ff3b4 rgb(95,243,180)
```
#58fab5
```
#58fab5 rgb(88,250,181)
```

Tone Color Variation

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

#cec4ab Protanopia 1% of men
#dbbeba Deuteranopia 1% of men
#92cedd Tritanopia 0.001% of the population

Trichromacy

#b1c9ac Protanomaly 1% of men, 0.01% of women
#b9c5b6 Deuteranomaly 6% of men, 0.4% of women
#8bcfcc Tritanomaly 0.01% of the population

#80d2af hex color

#80d2af Color Information

#80d2af Color Conversion

Color Schemes with #80d2af

Alternatives to #80d2af

#80d2af Preview

Shades and Tints of #80d2af

Tones of #80d2af

Color Blindness Simulator