#80d6bc hex color

In a RGB color space, hex #80d6bc is composed of 50.2% red, 83.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 0% magenta, 12.1% yellow and 16.1% black. It has a hue angle of 161.9 degrees, a saturation of 51.2% and a lightness of 67.1%. #80d6bc color hex could be obtained by blending #ffffff with #01ad79. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 84
- B 74
RGB color chart
- C 40
- M 0
- Y 12
- K 16
CMYK color chart

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

The hexadecimal color #80d6bc has RGB values of R:128, G:214, B:188 and CMYK values of C:0.4, M:0, Y:0.12, K:0.16. Its decimal value is 8443580.

Hex triplet	80d6bc	`#80d6bc`
RGB Decimal	128, 214, 188	`rgb(128,214,188)`
RGB Percent	50.2, 83.9, 73.7	`rgb(50.2%,83.9%,73.7%)`
CMYK	40, 0, 12, 16
HSL	161.9°, 51.2, 67.1	`hsl(161.9,51.2%,67.1%)`
HSV (or HSB)	161.9°, 40.2, 83.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.79, -31.982, 4.697
XYZ	42.023, 56.311, 56.229
xyY	0.272, 0.364, 56.311
CIE-LCH	79.79, 32.325, 171.645
CIE-LUV	79.79, -40.005, 12.314
Hunter-Lab	75.041, -31.36, 8.102
Binary	10000000, 11010110, 10111100

#80d6bc
```
#80d6bc rgb(128,214,188)
```
#d6809a
```
#d6809a rgb(214,128,154)
```

Complementary Color

#80d691
```
#80d691 rgb(128,214,145)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#80c5d6
```
#80c5d6 rgb(128,197,214)
```

Analogous Color

#d69180
```
#d69180 rgb(214,145,128)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#d680c5
```
#d680c5 rgb(214,128,197)
```

Split Complementary Color

#d6bc80
```
#d6bc80 rgb(214,188,128)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#bc80d6
```
#bc80d6 rgb(188,128,214)
```

Triadic Color

#9ad680
```
#9ad680 rgb(154,214,128)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#bc80d6
```
#bc80d6 rgb(188,128,214)
```
#d6809a
```
#d6809a rgb(214,128,154)
```

Tetradic Color

#46c39d
```
#46c39d rgb(70,195,157)
```
#59caa8
```
#59caa8 rgb(89,202,168)
```
#6dd0b2
```
#6dd0b2 rgb(109,208,178)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#93dcc6
```
#93dcc6 rgb(147,220,198)
```
#a7e2d0
```
#a7e2d0 rgb(167,226,208)
```
#bae9db
```
#bae9db rgb(186,233,219)
```

Monochromatic Color

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

#80d6a7
```
#80d6a7 rgb(128,214,167)
```
#80d6ae
```
#80d6ae rgb(128,214,174)
```
#80d6b5
```
#80d6b5 rgb(128,214,181)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#80d6c3
```
#80d6c3 rgb(128,214,195)
```
#80d6ca
```
#80d6ca rgb(128,214,202)
```
#80d6d2
```
#80d6d2 rgb(128,214,210)
```

Similar Colors

Text with hexadecimal color #80d6bc

This text has a font color of #80d6bc.

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

#80d6bc background color

This paragraph has a background color of #80d6bc.

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

#80d6bc border color

This element has a border color of #80d6bc.

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

CSS codes

.text {color:#80d6bc;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#071511
```
#071511 rgb(7,21,17)
```
#0c241d
```
#0c241d rgb(12,36,29)
```
#103329
```
#103329 rgb(16,51,41)
```
#154234
```
#154234 rgb(21,66,52)
```
#1a5140
```
#1a5140 rgb(26,81,64)
```
#1f5f4c
```
#1f5f4c rgb(31,95,76)
```
#246e58
```
#246e58 rgb(36,110,88)
```
#287d63
```
#287d63 rgb(40,125,99)
```
#2d8c6f
```
#2d8c6f rgb(45,140,111)
```
#329b7b
```
#329b7b rgb(50,155,123)
```
#37aa87
```
#37aa87 rgb(55,170,135)
```
#3cb893
```
#3cb893 rgb(60,184,147)
```

Shade Color Variation

#45c39d
```
#45c39d rgb(69,195,157)
```
#54c8a5
```
#54c8a5 rgb(84,200,165)
```
#62ccac
```
#62ccac rgb(98,204,172)
```
#71d1b4
```
#71d1b4 rgb(113,209,180)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#8fdbc4
```
#8fdbc4 rgb(143,219,196)
```
#9ee0cc
```
#9ee0cc rgb(158,224,204)
```
#ace4d3
```
#ace4d3 rgb(172,228,211)
```
#bbe9db
```
#bbe9db rgb(187,233,219)
```
#caeee3
```
#caeee3 rgb(202,238,227)
```
#d9f3eb
```
#d9f3eb rgb(217,243,235)
```
#e8f8f3
```
#e8f8f3 rgb(232,248,243)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#a7afad
```
#a7afad rgb(167,175,173)
```
#a0b6af
```
#a0b6af rgb(160,182,175)
```
#9abcb2
```
#9abcb2 rgb(154,188,178)
```
#93c3b4
```
#93c3b4 rgb(147,195,180)
```
#8dc9b7
```
#8dc9b7 rgb(141,201,183)
```
#86d0b9
```
#86d0b9 rgb(134,208,185)
```
#80d6bc
```
#80d6bc rgb(128,214,188)
```
#7adcbf
```
#7adcbf rgb(122,220,191)
```
#73e3c1
```
#73e3c1 rgb(115,227,193)
```
#6de9c4
```
#6de9c4 rgb(109,233,196)
```
#66f0c6
```
#66f0c6 rgb(102,240,198)
```
#60f6c9
```
#60f6c9 rgb(96,246,201)
```
#59fdcb
```
#59fdcb rgb(89,253,203)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#aebfba Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c8b7 Protanopia 1% of men
#dbc2c6 Deuteranopia 1% of men
#91d2e2 Tritanopia 0.001% of the population

Trichromacy

#b3cdb9 Protanomaly 1% of men, 0.01% of women
#bac9c2 Deuteranomaly 6% of men, 0.4% of women
#8bd4d4 Tritanomaly 0.01% of the population

#80d6bc hex color

#80d6bc Color Information

#80d6bc Color Conversion

Color Schemes with #80d6bc

Alternatives to #80d6bc

#80d6bc Preview

Shades and Tints of #80d6bc

Tones of #80d6bc

Color Blindness Simulator