#80e6bc hex color

In a RGB color space, hex #80e6bc is composed of 50.2% red, 90.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 0% magenta, 18.3% yellow and 9.8% black. It has a hue angle of 155.3 degrees, a saturation of 67.1% and a lightness of 70.2%. #80e6bc color hex could be obtained by blending #ffffff with #01cd79. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 50
- G 90
- B 74
RGB color chart
- C 44
- M 0
- Y 18
- K 10
CMYK color chart

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

The hexadecimal color #80e6bc has RGB values of R:128, G:230, B:188 and CMYK values of C:0.44, M:0, Y:0.18, K:0.1. Its decimal value is 8447676.

Hex triplet	80e6bc	`#80e6bc`
RGB Decimal	128, 230, 188	`rgb(128,230,188)`
RGB Percent	50.2, 90.2, 73.7	`rgb(50.2%,90.2%,73.7%)`
CMYK	44, 0, 18, 10
HSL	155.3°, 67.1, 70.2	`hsl(155.3,67.1%,70.2%)`
HSV (or HSB)	155.3°, 44.3, 90.2
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	84.386, -39.36, 11.285
XYZ	46.273, 64.811, 57.646
xyY	0.274, 0.384, 64.811
CIE-LCH	84.386, 40.946, 164.003
CIE-LUV	84.386, -46.601, 23.328
Hunter-Lab	80.505, -38.285, 13.899
Binary	10000000, 11100110, 10111100

#80e6bc
```
#80e6bc rgb(128,230,188)
```
#e680aa
```
#e680aa rgb(230,128,170)
```

Complementary Color

#80e689
```
#80e689 rgb(128,230,137)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#80dde6
```
#80dde6 rgb(128,221,230)
```

Analogous Color

#e68980
```
#e68980 rgb(230,137,128)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#e680dd
```
#e680dd rgb(230,128,221)
```

Split Complementary Color

#e6bc80
```
#e6bc80 rgb(230,188,128)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#bc80e6
```
#bc80e6 rgb(188,128,230)
```

Triadic Color

#aae680
```
#aae680 rgb(170,230,128)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#bc80e6
```
#bc80e6 rgb(188,128,230)
```
#e680aa
```
#e680aa rgb(230,128,170)
```

Tetradic Color

#40d99a
```
#40d99a rgb(64,217,154)
```
#55dea6
```
#55dea6 rgb(85,222,166)
```
#6be2b1
```
#6be2b1 rgb(107,226,177)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#95eac7
```
#95eac7 rgb(149,234,199)
```
#abeed2
```
#abeed2 rgb(171,238,210)
```
#c0f3de
```
#c0f3de rgb(192,243,222)
```

Monochromatic Color

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

#80e6a3
```
#80e6a3 rgb(128,230,163)
```
#80e6ab
```
#80e6ab rgb(128,230,171)
```
#80e6b4
```
#80e6b4 rgb(128,230,180)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#80e6c5
```
#80e6c5 rgb(128,230,197)
```
#80e6cd
```
#80e6cd rgb(128,230,205)
```
#80e6d6
```
#80e6d6 rgb(128,230,214)
```

Similar Colors

Text with hexadecimal color #80e6bc

This text has a font color of #80e6bc.

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

#80e6bc background color

This paragraph has a background color of #80e6bc.

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

#80e6bc border color

This element has a border color of #80e6bc.

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

CSS codes

.text {color:#80e6bc;}

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

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

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 #f3fdf9 is the lightest one.

#010403
```
#010403 rgb(1,4,3)
```
#04150e
```
#04150e rgb(4,21,14)
```
#072519
```
#072519 rgb(7,37,25)
```
#0a3524
```
#0a3524 rgb(10,53,36)
```
#0e462f
```
#0e462f rgb(14,70,47)
```
#11563a
```
#11563a rgb(17,86,58)
```
#146645
```
#146645 rgb(20,102,69)
```
#177750
```
#177750 rgb(23,119,80)
```
#1b875b
```
#1b875b rgb(27,135,91)
```
#1e9865
```
#1e9865 rgb(30,152,101)
```
#21a870
```
#21a870 rgb(33,168,112)
```
#24b87b
```
#24b87b rgb(36,184,123)
```
#28c986
```
#28c986 rgb(40,201,134)
```

Shade Color Variation

#2ed691
```
#2ed691 rgb(46,214,145)
```
#3ed999
```
#3ed999 rgb(62,217,153)
```
#4fdca2
```
#4fdca2 rgb(79,220,162)
```
#5fe0ab
```
#5fe0ab rgb(95,224,171)
```
#70e3b3
```
#70e3b3 rgb(112,227,179)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#90e9c5
```
#90e9c5 rgb(144,233,197)
```
#a1eccd
```
#a1eccd rgb(161,236,205)
```
#b1f0d6
```
#b1f0d6 rgb(177,240,214)
```
#c2f3df
```
#c2f3df rgb(194,243,223)
```
#d2f6e7
```
#d2f6e7 rgb(210,246,231)
```
#e2f9f0
```
#e2f9f0 rgb(226,249,240)
```
#f3fdf9
```
#f3fdf9 rgb(243,253,249)
```

Tint Color Variation

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

#afb7b4
```
#afb7b4 rgb(175,183,180)
```
#a9bdb5
```
#a9bdb5 rgb(169,189,181)
```
#a3c3b6
```
#a3c3b6 rgb(163,195,182)
```
#9dc9b7
```
#9dc9b7 rgb(157,201,183)
```
#97cfb8
```
#97cfb8 rgb(151,207,184)
```
#92d4b9
```
#92d4b9 rgb(146,212,185)
```
#8cdaba
```
#8cdaba rgb(140,218,186)
```
#86e0bb
```
#86e0bb rgb(134,224,187)
```
#80e6bc
```
#80e6bc rgb(128,230,188)
```
#7aecbd
```
#7aecbd rgb(122,236,189)
```
#74f2be
```
#74f2be rgb(116,242,190)
```
#6ef8bf
```
#6ef8bf rgb(110,248,191)
```
#69fdc0
```
#69fdc0 rgb(105,253,192)
```

Tone Color Variation

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

Dichromacy

#dfd4b6 Protanopia 1% of men
#edcec8 Deuteranopia 1% of men
#96e0f0 Tritanopia 0.001% of the population

Trichromacy

#bcdab8 Protanomaly 1% of men, 0.01% of women
#c5d6c3 Deuteranomaly 6% of men, 0.4% of women
#8ee2dd Tritanomaly 0.01% of the population

#80e6bc hex color

#80e6bc Color Information

#80e6bc Color Conversion

Color Schemes with #80e6bc

Alternatives to #80e6bc

#80e6bc Preview

Shades and Tints of #80e6bc

Tones of #80e6bc

Color Blindness Simulator