#80f0dd hex color

In a RGB color space, hex #80f0dd is composed of 50.2% red, 94.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 0% magenta, 7.9% yellow and 5.9% black. It has a hue angle of 169.8 degrees, a saturation of 78.9% and a lightness of 72.2%. #80f0dd color hex could be obtained by blending #ffffff with #01e1bb. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 50
- G 94
- B 87
RGB color chart
- C 47
- M 0
- Y 8
- K 6
CMYK color chart

● #80f0dd color description : Soft cyan.

The hexadecimal color #80f0dd has RGB values of R:128, G:240, B:221 and CMYK values of C:0.47, M:0, Y:0.08, K:0.06. Its decimal value is 8450269.

Hex triplet	80f0dd	`#80f0dd`
RGB Decimal	128, 240, 221	`rgb(128,240,221)`
RGB Percent	50.2, 94.1, 86.7	`rgb(50.2%,94.1%,86.7%)`
CMYK	47, 0, 8, 6
HSL	169.8°, 78.9, 72.2	`hsl(169.8,78.9%,72.2%)`
HSV (or HSB)	169.8°, 46.7, 94.1
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	88.029, -36.576, -0.752
XYZ	53.109, 72.126, 79.526
xyY	0.259, 0.352, 72.126
CIE-LCH	88.029, 36.584, 181.178
CIE-LUV	88.029, -49.415, 4.865
Hunter-Lab	84.927, -36.997, 3.93
Binary	10000000, 11110000, 11011101

#80f0dd
```
#80f0dd rgb(128,240,221)
```
#f08093
```
#f08093 rgb(240,128,147)
```

Complementary Color

#80f0a5
```
#80f0a5 rgb(128,240,165)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#80cbf0
```
#80cbf0 rgb(128,203,240)
```

Analogous Color

#f0a580
```
#f0a580 rgb(240,165,128)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#f080cb
```
#f080cb rgb(240,128,203)
```

Split Complementary Color

#f0dd80
```
#f0dd80 rgb(240,221,128)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#dd80f0
```
#dd80f0 rgb(221,128,240)
```

Triadic Color

#93f080
```
#93f080 rgb(147,240,128)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#dd80f0
```
#dd80f0 rgb(221,128,240)
```
#f08093
```
#f08093 rgb(240,128,147)
```

Tetradic Color

#3ce8cb
```
#3ce8cb rgb(60,232,203)
```
#52ebd1
```
#52ebd1 rgb(82,235,209)
```
#69edd7
```
#69edd7 rgb(105,237,215)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#97f3e3
```
#97f3e3 rgb(151,243,227)
```
#aef5e9
```
#aef5e9 rgb(174,245,233)
```
#c4f8ef
```
#c4f8ef rgb(196,248,239)
```

Monochromatic Color

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

#80f0c1
```
#80f0c1 rgb(128,240,193)
```
#80f0ca
```
#80f0ca rgb(128,240,202)
```
#80f0d4
```
#80f0d4 rgb(128,240,212)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#80f0e6
```
#80f0e6 rgb(128,240,230)
```
#80f0f0
```
#80f0f0 rgb(128,240,240)
```
#80e7f0
```
#80e7f0 rgb(128,231,240)
```

Similar Colors

Text with hexadecimal color #80f0dd

This text has a font color of #80f0dd.

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

#80f0dd background color

This paragraph has a background color of #80f0dd.

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

#80f0dd border color

This element has a border color of #80f0dd.

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

CSS codes

.text {color:#80f0dd;}

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

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

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, #020d0b is the darkest color, while #fbfffe is the lightest one.

#020d0b
```
#020d0b rgb(2,13,11)
```
#041f1a
```
#041f1a rgb(4,31,26)
```
#063029
```
#063029 rgb(6,48,41)
```
#084238
```
#084238 rgb(8,66,56)
```
#0a5447
```
#0a5447 rgb(10,84,71)
```
#0c6556
```
#0c6556 rgb(12,101,86)
```
#0e7765
```
#0e7765 rgb(14,119,101)
```
#108874
```
#108874 rgb(16,136,116)
```
#129a83
```
#129a83 rgb(18,154,131)
```
#14ab92
```
#14ab92 rgb(20,171,146)
```
#16bda1
```
#16bda1 rgb(22,189,161)
```
#18ceaf
```
#18ceaf rgb(24,206,175)
```
#1ae0be
```
#1ae0be rgb(26,224,190)
```

Shade Color Variation

#28e6c6
```
#28e6c6 rgb(40,230,198)
```
#3ae8ca
```
#3ae8ca rgb(58,232,202)
```
#4beacf
```
#4beacf rgb(75,234,207)
```
#5decd4
```
#5decd4 rgb(93,236,212)
```
#6eeed8
```
#6eeed8 rgb(110,238,216)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#92f2e2
```
#92f2e2 rgb(146,242,226)
```
#a3f4e6
```
#a3f4e6 rgb(163,244,230)
```
#b5f6eb
```
#b5f6eb rgb(181,246,235)
```
#c6f8f0
```
#c6f8f0 rgb(198,248,240)
```
#d8faf4
```
#d8faf4 rgb(216,250,244)
```
#e9fcf9
```
#e9fcf9 rgb(233,252,249)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#b7b9b9
```
#b7b9b9 rgb(183,185,185)
```
#b1bfbd
```
#b1bfbd rgb(177,191,189)
```
#acc4c0
```
#acc4c0 rgb(172,196,192)
```
#a6cac4
```
#a6cac4 rgb(166,202,196)
```
#a1cfc7
```
#a1cfc7 rgb(161,207,199)
```
#9bd5cb
```
#9bd5cb rgb(155,213,203)
```
#96dacf
```
#96dacf rgb(150,218,207)
```
#90e0d2
```
#90e0d2 rgb(144,224,210)
```
#8be5d6
```
#8be5d6 rgb(139,229,214)
```
#85ebd9
```
#85ebd9 rgb(133,235,217)
```
#80f0dd
```
#80f0dd rgb(128,240,221)
```
#7bf5e1
```
#7bf5e1 rgb(123,245,225)
```
#75fbe4
```
#75fbe4 rgb(117,251,228)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#bdd3cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4ddd4 Protanopia 1% of men
#eed8e7 Deuteranopia 1% of men
#91ecfd Tritanopia 0.001% of the population

Trichromacy

#c0e4d7 Protanomaly 1% of men, 0.01% of women
#c6e0e3 Deuteranomaly 6% of men, 0.4% of women
#8bedf1 Tritanomaly 0.01% of the population

#80f0dd hex color

#80f0dd Color Information

#80f0dd Color Conversion

Color Schemes with #80f0dd

Alternatives to #80f0dd

#80f0dd Preview

Shades and Tints of #80f0dd

Tones of #80f0dd

Color Blindness Simulator