#80dcdd hex color

In a RGB color space, hex #80dcdd is composed of 50.2% red, 86.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 0.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 180.6 degrees, a saturation of 57.8% and a lightness of 68.4%. #80dcdd color hex could be obtained by blending #ffffff with #01b9bb. Closest websafe color is: #99cccc.

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

● #80dcdd color description : Very soft cyan.

The hexadecimal color #80dcdd has RGB values of R:128, G:220, B:221 and CMYK values of C:0.42, M:0, Y:0, K:0.13. Its decimal value is 8445149.

Hex triplet	80dcdd	`#80dcdd`
RGB Decimal	128, 220, 221	`rgb(128,220,221)`
RGB Percent	50.2, 86.3, 86.7	`rgb(50.2%,86.3%,86.7%)`
CMYK	42, 0, 0, 13
HSL	180.6°, 57.8, 68.4	`hsl(180.6,57.8%,68.4%)`
HSV (or HSB)	180.6°, 42.1, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.375, -27.126, -9.089
XYZ	47.543, 60.993, 77.67
xyY	0.255, 0.328, 60.993
CIE-LCH	82.375, 28.609, 198.524
CIE-LUV	82.375, -41.508, -9.795
Hunter-Lab	78.098, -28.009, -4.296
Binary	10000000, 11011100, 11011101

#80dcdd
```
#80dcdd rgb(128,220,221)
```
#dd8180
```
#dd8180 rgb(221,129,128)
```

Complementary Color

#80ddb0
```
#80ddb0 rgb(128,221,176)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#80aedd
```
#80aedd rgb(128,174,221)
```

Analogous Color

#ddb080
```
#ddb080 rgb(221,176,128)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#dd80ae
```
#dd80ae rgb(221,128,174)
```

Split Complementary Color

#dcdd80
```
#dcdd80 rgb(220,221,128)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#dd80dc
```
#dd80dc rgb(221,128,220)
```

Triadic Color

#80dd81
```
#80dd81 rgb(128,221,129)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#dd80dc
```
#dd80dc rgb(221,128,220)
```
#dd8180
```
#dd8180 rgb(221,129,128)
```

Tetradic Color

#44cbcd
```
#44cbcd rgb(68,203,205)
```
#58d1d2
```
#58d1d2 rgb(88,209,210)
```
#6cd6d8
```
#6cd6d8 rgb(108,214,216)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#94e2e2
```
#94e2e2 rgb(148,226,226)
```
#a8e7e8
```
#a8e7e8 rgb(168,231,232)
```
#bceded
```
#bceded rgb(188,237,237)
```

Monochromatic Color

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

#80ddc7
```
#80ddc7 rgb(128,221,199)
```
#80ddcf
```
#80ddcf rgb(128,221,207)
```
#80ddd6
```
#80ddd6 rgb(128,221,214)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#80d4dd
```
#80d4dd rgb(128,212,221)
```
#80cddd
```
#80cddd rgb(128,205,221)
```
#80c5dd
```
#80c5dd rgb(128,197,221)
```

Similar Colors

Text with hexadecimal color #80dcdd

This text has a font color of #80dcdd.

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

#80dcdd background color

This paragraph has a background color of #80dcdd.

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

#80dcdd border color

This element has a border color of #80dcdd.

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

CSS codes

.text {color:#80dcdd;}

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

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

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, #030c0c is the darkest color, while #fcfefe is the lightest one.

#030c0c
```
#030c0c rgb(3,12,12)
```
#071c1c
```
#071c1c rgb(7,28,28)
```
#0c2b2b
```
#0c2b2b rgb(12,43,43)
```
#103a3b
```
#103a3b rgb(16,58,59)
```
#144a4a
```
#144a4a rgb(20,74,74)
```
#18595a
```
#18595a rgb(24,89,90)
```
#1c6869
```
#1c6869 rgb(28,104,105)
```
#207879
```
#207879 rgb(32,120,121)
```
#248788
```
#248788 rgb(36,135,136)
```
#299698
```
#299698 rgb(41,150,152)
```
#2da6a7
```
#2da6a7 rgb(45,166,167)
```
#31b5b6
```
#31b5b6 rgb(49,181,182)
```
#35c4c6
```
#35c4c6 rgb(53,196,198)
```

Shade Color Variation

#42cbcc
```
#42cbcc rgb(66,203,204)
```
#52cfd1
```
#52cfd1 rgb(82,207,209)
```
#61d3d5
```
#61d3d5 rgb(97,211,213)
```
#71d8d9
```
#71d8d9 rgb(113,216,217)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#8fe0e1
```
#8fe0e1 rgb(143,224,225)
```
#9fe5e5
```
#9fe5e5 rgb(159,229,229)
```
#aee9e9
```
#aee9e9 rgb(174,233,233)
```
#beedee
```
#beedee rgb(190,237,238)
```
#cdf1f2
```
#cdf1f2 rgb(205,241,242)
```
#ddf6f6
```
#ddf6f6 rgb(221,246,246)
```
#ecfafa
```
#ecfafa rgb(236,250,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#abb2b2
```
#abb2b2 rgb(171,178,178)
```
#a5b8b8
```
#a5b8b8 rgb(165,184,184)
```
#9fbebe
```
#9fbebe rgb(159,190,190)
```
#99c4c4
```
#99c4c4 rgb(153,196,196)
```
#93caca
```
#93caca rgb(147,202,202)
```
#8cd0d1
```
#8cd0d1 rgb(140,208,209)
```
#86d6d7
```
#86d6d7 rgb(134,214,215)
```
#80dcdd
```
#80dcdd rgb(128,220,221)
```
#7ae2e3
```
#7ae2e3 rgb(122,226,227)
```
#74e8e9
```
#74e8e9 rgb(116,232,233)
```
#6deef0
```
#6deef0 rgb(109,238,240)
```
#67f4f6
```
#67f4f6 rgb(103,244,246)
```
#61fafc
```
#61fafc rgb(97,250,252)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#b4c6c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ced6 Protanopia 1% of men
#d8cae5 Deuteranopia 1% of men
#8bdbeb Tritanopia 0.001% of the population

Trichromacy

#b3d3d8 Protanomaly 1% of men, 0.01% of women
#b8d0e2 Deuteranomaly 6% of men, 0.4% of women
#87dbe6 Tritanomaly 0.01% of the population

#80dcdd hex color

#80dcdd Color Information

#80dcdd Color Conversion

Color Schemes with #80dcdd

Alternatives to #80dcdd

#80dcdd Preview

Shades and Tints of #80dcdd

Tones of #80dcdd

Color Blindness Simulator