#80d7d3 hex color

In a RGB color space, hex #80d7d3 is composed of 50.2% red, 84.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 0% magenta, 1.9% yellow and 15.7% black. It has a hue angle of 177.2 degrees, a saturation of 52.1% and a lightness of 67.3%. #80d7d3 color hex could be obtained by blending #ffffff with #01afa7. Closest websafe color is: #99cccc.

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

● #80d7d3 color description : Slightly desaturated cyan.

The hexadecimal color #80d7d3 has RGB values of R:128, G:215, B:211 and CMYK values of C:0.4, M:0, Y:0.02, K:0.16. Its decimal value is 8443859.

Hex triplet	80d7d3	`#80d7d3`
RGB Decimal	128, 215, 211	`rgb(128,215,211)`
RGB Percent	50.2, 84.3, 82.7	`rgb(50.2%,84.3%,82.7%)`
CMYK	40, 0, 2, 16
HSL	177.2°, 52.1, 67.3	`hsl(177.2,52.1%,67.3%)`
HSV (or HSB)	177.2°, 40.5, 84.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.678, -27.141, -6.28
XYZ	44.957, 57.891, 70.429
xyY	0.259, 0.334, 57.891
CIE-LCH	80.678, 27.858, 193.028
CIE-LUV	80.678, -39.788, -5.295
Hunter-Lab	76.086, -27.679, -1.622
Binary	10000000, 11010111, 11010011

#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#d78084
```
#d78084 rgb(215,128,132)
```

Complementary Color

#80d7a8
```
#80d7a8 rgb(128,215,168)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#80b0d7
```
#80b0d7 rgb(128,176,215)
```

Analogous Color

#d7a880
```
#d7a880 rgb(215,168,128)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#d780b0
```
#d780b0 rgb(215,128,176)
```

Split Complementary Color

#d7d380
```
#d7d380 rgb(215,211,128)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#d380d7
```
#d380d7 rgb(211,128,215)
```

Triadic Color

#84d780
```
#84d780 rgb(132,215,128)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#d380d7
```
#d380d7 rgb(211,128,215)
```
#d78084
```
#d78084 rgb(215,128,132)
```

Tetradic Color

#46c5bf
```
#46c5bf rgb(70,197,191)
```
#59cbc6
```
#59cbc6 rgb(89,203,198)
```
#6dd1cc
```
#6dd1cc rgb(109,209,204)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#93ddda
```
#93ddda rgb(147,221,218)
```
#a7e3e0
```
#a7e3e0 rgb(167,227,224)
```
#bae9e7
```
#bae9e7 rgb(186,233,231)
```

Monochromatic Color

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

#80d7bd
```
#80d7bd rgb(128,215,189)
```
#80d7c5
```
#80d7c5 rgb(128,215,197)
```
#80d7cc
```
#80d7cc rgb(128,215,204)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#80d4d7
```
#80d4d7 rgb(128,212,215)
```
#80cdd7
```
#80cdd7 rgb(128,205,215)
```
#80c5d7
```
#80c5d7 rgb(128,197,215)
```

Similar Colors

Text with hexadecimal color #80d7d3

This text has a font color of #80d7d3.

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

#80d7d3 background color

This paragraph has a background color of #80d7d3.

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

#80d7d3 border color

This element has a border color of #80d7d3.

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

CSS codes

.text {color:#80d7d3;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071615
```
#071615 rgb(7,22,21)
```
#0c2524
```
#0c2524 rgb(12,37,36)
```
#103432
```
#103432 rgb(16,52,50)
```
#154341
```
#154341 rgb(21,67,65)
```
#1a524f
```
#1a524f rgb(26,82,79)
```
#1e615e
```
#1e615e rgb(30,97,94)
```
#23706c
```
#23706c rgb(35,112,108)
```
#287f7b
```
#287f7b rgb(40,127,123)
```
#2d8e89
```
#2d8e89 rgb(45,142,137)
```
#319c97
```
#319c97 rgb(49,156,151)
```
#36aba6
```
#36aba6 rgb(54,171,166)
```
#3bbab4
```
#3bbab4 rgb(59,186,180)
```

Shade Color Variation

#44c4be
```
#44c4be rgb(68,196,190)
```
#53c9c3
```
#53c9c3 rgb(83,201,195)
```
#62cec9
```
#62cec9 rgb(98,206,201)
```
#71d2ce
```
#71d2ce rgb(113,210,206)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#8fdcd8
```
#8fdcd8 rgb(143,220,216)
```
#9ee0dd
```
#9ee0dd rgb(158,224,221)
```
#ade5e3
```
#ade5e3 rgb(173,229,227)
```
#bceae8
```
#bceae8 rgb(188,234,232)
```
#cbeeed
```
#cbeeed rgb(203,238,237)
```
#daf3f2
```
#daf3f2 rgb(218,243,242)
```
#e8f8f7
```
#e8f8f7 rgb(232,248,247)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#a7b0b0
```
#a7b0b0 rgb(167,176,176)
```
#a0b7b6
```
#a0b7b6 rgb(160,183,182)
```
#9abdbc
```
#9abdbc rgb(154,189,188)
```
#93c4c2
```
#93c4c2 rgb(147,196,194)
```
#8dcac7
```
#8dcac7 rgb(141,202,199)
```
#86d1cd
```
#86d1cd rgb(134,209,205)
```
#80d7d3
```
#80d7d3 rgb(128,215,211)
```
#7addd9
```
#7addd9 rgb(122,221,217)
```
#73e4df
```
#73e4df rgb(115,228,223)
```
#6deae4
```
#6deae4 rgb(109,234,228)
```
#66f1ea
```
#66f1ea rgb(102,241,234)
```
#60f7f0
```
#60f7f0 rgb(96,247,240)
```
#59fef6
```
#59fef6 rgb(89,254,246)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b1c2c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcacd Protanopia 1% of men
#d5c5dc Deuteranopia 1% of men
#8cd6e6 Tritanopia 0.001% of the population

Trichromacy

#b1cecf Protanomaly 1% of men, 0.01% of women
#b6ccd8 Deuteranomaly 6% of men, 0.4% of women
#87d6df Tritanomaly 0.01% of the population

#80d7d3 hex color

#80d7d3 Color Information

#80d7d3 Color Conversion

Color Schemes with #80d7d3

Alternatives to #80d7d3

#80d7d3 Preview

Shades and Tints of #80d7d3

Tones of #80d7d3

Color Blindness Simulator