#80dfbb hex color

In a RGB color space, hex #80dfbb is composed of 50.2% red, 87.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 0% magenta, 16.1% yellow and 12.5% black. It has a hue angle of 157.3 degrees, a saturation of 59.7% and a lightness of 68.8%. #80dfbb color hex could be obtained by blending #ffffff with #01bf77. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 87
- B 73
RGB color chart
- C 43
- M 0
- Y 16
- K 13
CMYK color chart

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

The hexadecimal color #80dfbb has RGB values of R:128, G:223, B:187 and CMYK values of C:0.43, M:0, Y:0.16, K:0.13. Its decimal value is 8445883.

Hex triplet	80dfbb	`#80dfbb`
RGB Decimal	128, 223, 187	`rgb(128,223,187)`
RGB Percent	50.2, 87.5, 73.3	`rgb(50.2%,87.5%,73.3%)`
CMYK	43, 0, 16, 13
HSL	157.3°, 59.7, 68.8	`hsl(157.3,59.7%,68.8%)`
HSV (or HSB)	157.3°, 42.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.352, -36.39, 8.91
XYZ	44.257, 60.95, 56.443
xyY	0.274, 0.377, 60.95
CIE-LCH	82.352, 37.465, 166.243
CIE-LUV	82.352, -43.763, 19.31
Hunter-Lab	78.07, -35.435, 11.784
Binary	10000000, 11011111, 10111011

#80dfbb
```
#80dfbb rgb(128,223,187)
```
#df80a4
```
#df80a4 rgb(223,128,164)
```

Complementary Color

#80df8c
```
#80df8c rgb(128,223,140)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#80d4df
```
#80d4df rgb(128,212,223)
```

Analogous Color

#df8c80
```
#df8c80 rgb(223,140,128)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#df80d4
```
#df80d4 rgb(223,128,212)
```

Split Complementary Color

#dfbb80
```
#dfbb80 rgb(223,187,128)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#bb80df
```
#bb80df rgb(187,128,223)
```

Triadic Color

#a4df80
```
#a4df80 rgb(164,223,128)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#bb80df
```
#bb80df rgb(187,128,223)
```
#df80a4
```
#df80a4 rgb(223,128,164)
```

Tetradic Color

#43d09a
```
#43d09a rgb(67,208,154)
```
#57d5a5
```
#57d5a5 rgb(87,213,165)
```
#6cdab0
```
#6cdab0 rgb(108,218,176)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#94e4c6
```
#94e4c6 rgb(148,228,198)
```
#a9e9d1
```
#a9e9d1 rgb(169,233,209)
```
#bdeedc
```
#bdeedc rgb(189,238,220)
```

Monochromatic Color

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

#80dfa3
```
#80dfa3 rgb(128,223,163)
```
#80dfab
```
#80dfab rgb(128,223,171)
```
#80dfb3
```
#80dfb3 rgb(128,223,179)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#80dfc3
```
#80dfc3 rgb(128,223,195)
```
#80dfcb
```
#80dfcb rgb(128,223,203)
```
#80dfd3
```
#80dfd3 rgb(128,223,211)
```

Similar Colors

Text with hexadecimal color #80dfbb

This text has a font color of #80dfbb.

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

#80dfbb background color

This paragraph has a background color of #80dfbb.

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

#80dfbb border color

This element has a border color of #80dfbb.

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

CSS codes

.text {color:#80dfbb;}

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

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

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

#040e0a
```
#040e0a rgb(4,14,10)
```
#071e15
```
#071e15 rgb(7,30,21)
```
#0b2d20
```
#0b2d20 rgb(11,45,32)
```
#0f3d2c
```
#0f3d2c rgb(15,61,44)
```
#134d37
```
#134d37 rgb(19,77,55)
```
#175c42
```
#175c42 rgb(23,92,66)
```
#1b6c4d
```
#1b6c4d rgb(27,108,77)
```
#1f7c59
```
#1f7c59 rgb(31,124,89)
```
#238b64
```
#238b64 rgb(35,139,100)
```
#279b6f
```
#279b6f rgb(39,155,111)
```
#2bab7a
```
#2bab7a rgb(43,171,122)
```
#2fba86
```
#2fba86 rgb(47,186,134)
```
#33ca91
```
#33ca91 rgb(51,202,145)
```

Shade Color Variation

#41cf99
```
#41cf99 rgb(65,207,153)
```
#51d3a2
```
#51d3a2 rgb(81,211,162)
```
#61d7aa
```
#61d7aa rgb(97,215,170)
```
#70dbb3
```
#70dbb3 rgb(112,219,179)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#90e3c3
```
#90e3c3 rgb(144,227,195)
```
#9fe7cc
```
#9fe7cc rgb(159,231,204)
```
#afebd4
```
#afebd4 rgb(175,235,212)
```
#bfefdd
```
#bfefdd rgb(191,239,221)
```
#cef3e5
```
#cef3e5 rgb(206,243,229)
```
#def7ed
```
#def7ed rgb(222,247,237)
```
#eefbf6
```
#eefbf6 rgb(238,251,246)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#abb4b1
```
#abb4b1 rgb(171,180,177)
```
#a5bab2
```
#a5bab2 rgb(165,186,178)
```
#9fc0b4
```
#9fc0b4 rgb(159,192,180)
```
#98c7b5
```
#98c7b5 rgb(152,199,181)
```
#92cdb7
```
#92cdb7 rgb(146,205,183)
```
#8cd3b8
```
#8cd3b8 rgb(140,211,184)
```
#86d9ba
```
#86d9ba rgb(134,217,186)
```
#80dfbb
```
#80dfbb rgb(128,223,187)
```
#7ae5bc
```
#7ae5bc rgb(122,229,188)
```
#74ebbe
```
#74ebbe rgb(116,235,190)
```
#6ef1bf
```
#6ef1bf rgb(110,241,191)
```
#68f7c1
```
#68f7c1 rgb(104,247,193)
```
#61fec2
```
#61fec2 rgb(97,254,194)
```

Tone Color Variation

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

Dichromacy

#d9ceb5 Protanopia 1% of men
#e6c8c6 Deuteranopia 1% of men
#94daea Tritanopia 0.001% of the population

Trichromacy

#b8d4b7 Protanomaly 1% of men, 0.01% of women
#c0d0c2 Deuteranomaly 6% of men, 0.4% of women
#8cdcd9 Tritanomaly 0.01% of the population

#80dfbb hex color

#80dfbb Color Information

#80dfbb Color Conversion

Color Schemes with #80dfbb

Alternatives to #80dfbb

#80dfbb Preview

Shades and Tints of #80dfbb

Tones of #80dfbb

Color Blindness Simulator