#80e0b4 hex color

In a RGB color space, hex #80e0b4 is composed of 50.2% red, 87.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 0% magenta, 19.6% yellow and 12.2% black. It has a hue angle of 152.5 degrees, a saturation of 60.8% and a lightness of 69%. #80e0b4 color hex could be obtained by blending #ffffff with #01c169. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 88
- B 71
RGB color chart
- C 43
- M 0
- Y 20
- K 12
CMYK color chart

● #80e0b4 color description : Very soft cyan - lime green.

The hexadecimal color #80e0b4 has RGB values of R:128, G:224, B:180 and CMYK values of C:0.43, M:0, Y:0.2, K:0.12. Its decimal value is 8446132.

Hex triplet	80e0b4	`#80e0b4`
RGB Decimal	128, 224, 180	`rgb(128,224,180)`
RGB Percent	50.2, 87.8, 70.6	`rgb(50.2%,87.8%,70.6%)`
CMYK	43, 0, 20, 12
HSL	152.5°, 60.8, 69	`hsl(152.5,60.8%,69%)`
HSV (or HSB)	152.5°, 42.9, 87.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.483, -38.311, 12.787
XYZ	43.793, 61.193, 52.681
xyY	0.278, 0.388, 61.193
CIE-LCH	82.483, 40.388, 161.543
CIE-LUV	82.483, -44.39, 25.21
Hunter-Lab	78.226, -36.966, 14.829
Binary	10000000, 11100000, 10110100

#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#e080ac
```
#e080ac rgb(224,128,172)
```

Complementary Color

#80e084
```
#80e084 rgb(128,224,132)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#80dce0
```
#80dce0 rgb(128,220,224)
```

Analogous Color

#e08480
```
#e08480 rgb(224,132,128)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#e080dc
```
#e080dc rgb(224,128,220)
```

Split Complementary Color

#e0b480
```
#e0b480 rgb(224,180,128)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#b480e0
```
#b480e0 rgb(180,128,224)
```

Triadic Color

#ace080
```
#ace080 rgb(172,224,128)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#b480e0
```
#b480e0 rgb(180,128,224)
```
#e080ac
```
#e080ac rgb(224,128,172)
```

Tetradic Color

#43d190
```
#43d190 rgb(67,209,144)
```
#57d69c
```
#57d69c rgb(87,214,156)
```
#6cdba8
```
#6cdba8 rgb(108,219,168)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#94e5c0
```
#94e5c0 rgb(148,229,192)
```
#a9eacc
```
#a9eacc rgb(169,234,204)
```
#bdefd8
```
#bdefd8 rgb(189,239,216)
```

Monochromatic Color

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

#80e09c
```
#80e09c rgb(128,224,156)
```
#80e0a4
```
#80e0a4 rgb(128,224,164)
```
#80e0ac
```
#80e0ac rgb(128,224,172)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#80e0bc
```
#80e0bc rgb(128,224,188)
```
#80e0c4
```
#80e0c4 rgb(128,224,196)
```
#80e0cc
```
#80e0cc rgb(128,224,204)
```

Similar Colors

Text with hexadecimal color #80e0b4

This text has a font color of #80e0b4.

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

#80e0b4 background color

This paragraph has a background color of #80e0b4.

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

#80e0b4 border color

This element has a border color of #80e0b4.

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

CSS codes

.text {color:#80e0b4;}

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

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

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, #040f0a is the darkest color, while #fefffe is the lightest one.

#040f0a
```
#040f0a rgb(4,15,10)
```
#071f14
```
#071f14 rgb(7,31,20)
```
#0b2e1e
```
#0b2e1e rgb(11,46,30)
```
#0f3e29
```
#0f3e29 rgb(15,62,41)
```
#134e33
```
#134e33 rgb(19,78,51)
```
#175e3d
```
#175e3d rgb(23,94,61)
```
#1b6e48
```
#1b6e48 rgb(27,110,72)
```
#1f7d52
```
#1f7d52 rgb(31,125,82)
```
#228d5c
```
#228d5c rgb(34,141,92)
```
#269d66
```
#269d66 rgb(38,157,102)
```
#2aad71
```
#2aad71 rgb(42,173,113)
```
#2ebc7b
```
#2ebc7b rgb(46,188,123)
```
#32cc85
```
#32cc85 rgb(50,204,133)
```

Shade Color Variation

#41d18f
```
#41d18f rgb(65,209,143)
```
#51d498
```
#51d498 rgb(81,212,152)
```
#60d8a1
```
#60d8a1 rgb(96,216,161)
```
#70dcab
```
#70dcab rgb(112,220,171)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#90e4bd
```
#90e4bd rgb(144,228,189)
```
#a0e8c7
```
#a0e8c7 rgb(160,232,199)
```
#afecd0
```
#afecd0 rgb(175,236,208)
```
#bfefd9
```
#bfefd9 rgb(191,239,217)
```
#cff3e3
```
#cff3e3 rgb(207,243,227)
```
#dff7ec
```
#dff7ec rgb(223,247,236)
```
#eefbf5
```
#eefbf5 rgb(238,251,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#abb5b0
```
#abb5b0 rgb(171,181,176)
```
#a4bcb1
```
#a4bcb1 rgb(164,188,177)
```
#9ec2b1
```
#9ec2b1 rgb(158,194,177)
```
#98c8b2
```
#98c8b2 rgb(152,200,178)
```
#92ceb2
```
#92ceb2 rgb(146,206,178)
```
#8cd4b3
```
#8cd4b3 rgb(140,212,179)
```
#86dab3
```
#86dab3 rgb(134,218,179)
```
#80e0b4
```
#80e0b4 rgb(128,224,180)
```
#7ae6b5
```
#7ae6b5 rgb(122,230,181)
```
#74ecb5
```
#74ecb5 rgb(116,236,181)
```
#6ef2b6
```
#6ef2b6 rgb(110,242,182)
```
#68f8b6
```
#68f8b6 rgb(104,248,182)
```
#62feb7
```
#62feb7 rgb(98,254,183)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b2c5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacfaf Protanopia 1% of men
#e8c9c0 Deuteranopia 1% of men
#95daea Tritanopia 0.001% of the population

Trichromacy

#b9d5b1 Protanomaly 1% of men, 0.01% of women
#c2d1bb Deuteranomaly 6% of men, 0.4% of women
#8ddcd6 Tritanomaly 0.01% of the population

#80e0b4 hex color

#80e0b4 Color Information

#80e0b4 Color Conversion

Color Schemes with #80e0b4

Alternatives to #80e0b4

#80e0b4 Preview

Shades and Tints of #80e0b4

Tones of #80e0b4

Color Blindness Simulator