#80e9af hex color

In a RGB color space, hex #80e9af is composed of 50.2% red, 91.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 0% magenta, 24.9% yellow and 8.6% black. It has a hue angle of 146.9 degrees, a saturation of 70.5% and a lightness of 70.8%. #80e9af color hex could be obtained by blending #ffffff with #01d35f. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 50
- G 91
- B 69
RGB color chart
- C 45
- M 0
- Y 25
- K 9
CMYK color chart

● #80e9af color description : Soft cyan - lime green.

The hexadecimal color #80e9af has RGB values of R:128, G:233, B:175 and CMYK values of C:0.45, M:0, Y:0.25, K:0.09. Its decimal value is 8448431.

Hex triplet	80e9af	`#80e9af`
RGB Decimal	128, 233, 175	`rgb(128,233,175)`
RGB Percent	50.2, 91.4, 68.6	`rgb(50.2%,91.4%,68.6%)`
CMYK	45, 0, 25, 9
HSL	146.9°, 70.5, 70.8	`hsl(146.9,70.5%,70.8%)`
HSV (or HSB)	146.9°, 45.1, 91.4
Web Safe	99ff99	`#99ff99`

CIE-LAB	84.976, -43.314, 18.902
XYZ	45.776, 65.959, 50.874
xyY	0.282, 0.406, 65.959
CIE-LCH	84.976, 47.259, 156.425
CIE-LUV	84.976, -48.257, 34.736
Hunter-Lab	81.215, -41.517, 19.711
Binary	10000000, 11101001, 10101111

#80e9af
```
#80e9af rgb(128,233,175)
```
#e980ba
```
#e980ba rgb(233,128,186)
```

Complementary Color

#86e980
```
#86e980 rgb(134,233,128)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#80e9e4
```
#80e9e4 rgb(128,233,228)
```

Analogous Color

#e98086
```
#e98086 rgb(233,128,134)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#e480e9
```
#e480e9 rgb(228,128,233)
```

Split Complementary Color

#e9af80
```
#e9af80 rgb(233,175,128)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#af80e9
```
#af80e9 rgb(175,128,233)
```

Triadic Color

#bae980
```
#bae980 rgb(186,233,128)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#af80e9
```
#af80e9 rgb(175,128,233)
```
#e980ba
```
#e980ba rgb(233,128,186)
```

Tetradic Color

#3fde86
```
#3fde86 rgb(63,222,134)
```
#55e194
```
#55e194 rgb(85,225,148)
```
#6ae5a1
```
#6ae5a1 rgb(106,229,161)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#96edbd
```
#96edbd rgb(150,237,189)
```
#abf1ca
```
#abf1ca rgb(171,241,202)
```
#c1f4d8
```
#c1f4d8 rgb(193,244,216)
```

Monochromatic Color

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

#80e995
```
#80e995 rgb(128,233,149)
```
#80e99e
```
#80e99e rgb(128,233,158)
```
#80e9a6
```
#80e9a6 rgb(128,233,166)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#80e9b8
```
#80e9b8 rgb(128,233,184)
```
#80e9c1
```
#80e9c1 rgb(128,233,193)
```
#80e9c9
```
#80e9c9 rgb(128,233,201)
```

Similar Colors

Text with hexadecimal color #80e9af

This text has a font color of #80e9af.

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

#80e9af background color

This paragraph has a background color of #80e9af.

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

#80e9af border color

This element has a border color of #80e9af.

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

CSS codes

.text {color:#80e9af;}

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

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

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

#010704
```
#010704 rgb(1,7,4)
```
#04170d
```
#04170d rgb(4,23,13)
```
#072816
```
#072816 rgb(7,40,22)
```
#0a391f
```
#0a391f rgb(10,57,31)
```
#0d4a28
```
#0d4a28 rgb(13,74,40)
```
#105a31
```
#105a31 rgb(16,90,49)
```
#136b3a
```
#136b3a rgb(19,107,58)
```
#157c43
```
#157c43 rgb(21,124,67)
```
#188d4c
```
#188d4c rgb(24,141,76)
```
#1b9d55
```
#1b9d55 rgb(27,157,85)
```
#1eae5f
```
#1eae5f rgb(30,174,95)
```
#21bf68
```
#21bf68 rgb(33,191,104)
```
#24cf71
```
#24cf71 rgb(36,207,113)
```

Shade Color Variation

#2cdb7a
```
#2cdb7a rgb(44,219,122)
```
#3ddd85
```
#3ddd85 rgb(61,221,133)
```
#4ee08f
```
#4ee08f rgb(78,224,143)
```
#5fe39a
```
#5fe39a rgb(95,227,154)
```
#6fe6a4
```
#6fe6a4 rgb(111,230,164)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#91ecba
```
#91ecba rgb(145,236,186)
```
#a1efc4
```
#a1efc4 rgb(161,239,196)
```
#b2f2cf
```
#b2f2cf rgb(178,242,207)
```
#c3f5d9
```
#c3f5d9 rgb(195,245,217)
```
#d4f7e4
```
#d4f7e4 rgb(212,247,228)
```
#e4faee
```
#e4faee rgb(228,250,238)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

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

#b4b5b4
```
#b4b5b4 rgb(180,181,180)
```
#aebbb4
```
#aebbb4 rgb(174,187,180)
```
#a8c1b3
```
#a8c1b3 rgb(168,193,179)
```
#a2c7b3
```
#a2c7b3 rgb(162,199,179)
```
#9dccb2
```
#9dccb2 rgb(157,204,178)
```
#97d2b1
```
#97d2b1 rgb(151,210,177)
```
#91d8b1
```
#91d8b1 rgb(145,216,177)
```
#8bdeb0
```
#8bdeb0 rgb(139,222,176)
```
#86e3b0
```
#86e3b0 rgb(134,227,176)
```
#80e9af
```
#80e9af rgb(128,233,175)
```
#7aefae
```
#7aefae rgb(122,239,174)
```
#75f4ae
```
#75f4ae rgb(117,244,174)
```
#6ffaad
```
#6ffaad rgb(111,250,173)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#b6cbbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d6aa Protanopia 1% of men
#f3cfbc Deuteranopia 1% of men
#99e1f1 Tritanopia 0.001% of the population

Trichromacy

#bfdcab Protanomaly 1% of men, 0.01% of women
#c9d8b7 Deuteranomaly 6% of men, 0.4% of women
#90e4d9 Tritanomaly 0.01% of the population

#80e9af hex color

#80e9af Color Information

#80e9af Color Conversion

Color Schemes with #80e9af

Alternatives to #80e9af

#80e9af Preview

Shades and Tints of #80e9af

Tones of #80e9af

Color Blindness Simulator