#80e5dc hex color

In a RGB color space, hex #80e5dc is composed of 50.2% red, 89.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 0% magenta, 3.9% yellow and 10.2% black. It has a hue angle of 174.7 degrees, a saturation of 66% and a lightness of 70%. #80e5dc color hex could be obtained by blending #ffffff with #01cbb9. Closest websafe color is: #99cccc.

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

● #80e5dc color description : Very soft cyan.

The hexadecimal color #80e5dc has RGB values of R:128, G:229, B:220 and CMYK values of C:0.44, M:0, Y:0.04, K:0.1. Its decimal value is 8447452.

Hex triplet	80e5dc	`#80e5dc`
RGB Decimal	128, 229, 220	`rgb(128,229,220)`
RGB Percent	50.2, 89.8, 86.3	`rgb(50.2%,89.8%,86.3%)`
CMYK	44, 0, 4, 10
HSL	174.7°, 66, 70	`hsl(174.7,66%,70%)`
HSV (or HSB)	174.7°, 44.1, 89.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.89, -31.686, -4.836
XYZ	49.836, 65.792, 77.779
xyY	0.258, 0.34, 65.792
CIE-LCH	84.89, 32.053, 188.678
CIE-LUV	84.89, -45.117, -2.332
Hunter-Lab	81.112, -32.275, -0.075
Binary	10000000, 11100101, 11011100

#80e5dc
```
#80e5dc rgb(128,229,220)
```
#e58089
```
#e58089 rgb(229,128,137)
```

Complementary Color

#80e5aa
```
#80e5aa rgb(128,229,170)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#80bce5
```
#80bce5 rgb(128,188,229)
```

Analogous Color

#e5aa80
```
#e5aa80 rgb(229,170,128)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#e580bc
```
#e580bc rgb(229,128,188)
```

Split Complementary Color

#e5dc80
```
#e5dc80 rgb(229,220,128)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#dc80e5
```
#dc80e5 rgb(220,128,229)
```

Triadic Color

#89e580
```
#89e580 rgb(137,229,128)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#dc80e5
```
#dc80e5 rgb(220,128,229)
```
#e58089
```
#e58089 rgb(229,128,137)
```

Tetradic Color

#41d8cb
```
#41d8cb rgb(65,216,203)
```
#56dcd0
```
#56dcd0 rgb(86,220,208)
```
#6be1d6
```
#6be1d6 rgb(107,225,214)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#95e9e2
```
#95e9e2 rgb(149,233,226)
```
#aaeee8
```
#aaeee8 rgb(170,238,232)
```
#c0f2ee
```
#c0f2ee rgb(192,242,238)
```

Monochromatic Color

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

#80e5c3
```
#80e5c3 rgb(128,229,195)
```
#80e5cb
```
#80e5cb rgb(128,229,203)
```
#80e5d4
```
#80e5d4 rgb(128,229,212)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#80e5e4
```
#80e5e4 rgb(128,229,228)
```
#80dde5
```
#80dde5 rgb(128,221,229)
```
#80d5e5
```
#80d5e5 rgb(128,213,229)
```

Similar Colors

Text with hexadecimal color #80e5dc

This text has a font color of #80e5dc.

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

#80e5dc background color

This paragraph has a background color of #80e5dc.

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

#80e5dc border color

This element has a border color of #80e5dc.

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

CSS codes

.text {color:#80e5dc;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041412
```
#041412 rgb(4,20,18)
```
#072421
```
#072421 rgb(7,36,33)
```
#0b3430
```
#0b3430 rgb(11,52,48)
```
#0e4440
```
#0e4440 rgb(14,68,64)
```
#11554f
```
#11554f rgb(17,85,79)
```
#15655e
```
#15655e rgb(21,101,94)
```
#18756d
```
#18756d rgb(24,117,109)
```
#1b867c
```
#1b867c rgb(27,134,124)
```
#1f968b
```
#1f968b rgb(31,150,139)
```
#22a69a
```
#22a69a rgb(34,166,154)
```
#25b6a9
```
#25b6a9 rgb(37,182,169)
```
#29c7b9
```
#29c7b9 rgb(41,199,185)
```

Shade Color Variation

#2fd4c6
```
#2fd4c6 rgb(47,212,198)
```
#3fd8ca
```
#3fd8ca rgb(63,216,202)
```
#4fdbcf
```
#4fdbcf rgb(79,219,207)
```
#5fded3
```
#5fded3 rgb(95,222,211)
```
#70e2d8
```
#70e2d8 rgb(112,226,216)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#90e8e0
```
#90e8e0 rgb(144,232,224)
```
#a1ece5
```
#a1ece5 rgb(161,236,229)
```
#b1efe9
```
#b1efe9 rgb(177,239,233)
```
#c1f2ee
```
#c1f2ee rgb(193,242,238)
```
#d1f6f2
```
#d1f6f2 rgb(209,246,242)
```
#e2f9f7
```
#e2f9f7 rgb(226,249,247)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

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

#afb6b5
```
#afb6b5 rgb(175,182,181)
```
#a9bcba
```
#a9bcba rgb(169,188,186)
```
#a3c2bf
```
#a3c2bf rgb(163,194,191)
```
#9dc8c4
```
#9dc8c4 rgb(157,200,196)
```
#98cdc9
```
#98cdc9 rgb(152,205,201)
```
#92d3cd
```
#92d3cd rgb(146,211,205)
```
#8cd9d2
```
#8cd9d2 rgb(140,217,210)
```
#86dfd7
```
#86dfd7 rgb(134,223,215)
```
#80e5dc
```
#80e5dc rgb(128,229,220)
```
#7aebe1
```
#7aebe1 rgb(122,235,225)
```
#74f1e6
```
#74f1e6 rgb(116,241,230)
```
#6ef7eb
```
#6ef7eb rgb(110,247,235)
```
#68fdef
```
#68fdef rgb(104,253,239)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b8ccca Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad5d4 Protanopia 1% of men
#e2d0e5 Deuteranopia 1% of men
#8ee2f3 Tritanopia 0.001% of the population

Trichromacy

#b9dad7 Protanomaly 1% of men, 0.01% of women
#bed7e2 Deuteranomaly 6% of men, 0.4% of women
#89e3ea Tritanomaly 0.01% of the population

#80e5dc hex color

#80e5dc Color Information

#80e5dc Color Conversion

Color Schemes with #80e5dc

Alternatives to #80e5dc

#80e5dc Preview

Shades and Tints of #80e5dc

Tones of #80e5dc

Color Blindness Simulator