#80d5ca hex color

In a RGB color space, hex #80d5ca is composed of 50.2% red, 83.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 0% magenta, 5.2% yellow and 16.5% black. It has a hue angle of 172.2 degrees, a saturation of 50.3% and a lightness of 66.9%. #80d5ca color hex could be obtained by blending #ffffff with #01ab95. Closest websafe color is: #99cccc.

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

● #80d5ca color description : Slightly desaturated cyan.

The hexadecimal color #80d5ca has RGB values of R:128, G:213, B:202 and CMYK values of C:0.4, M:0, Y:0.05, K:0.16. Its decimal value is 8443338.

Hex triplet	80d5ca	`#80d5ca`
RGB Decimal	128, 213, 202	`rgb(128,213,202)`
RGB Percent	50.2, 83.5, 79.2	`rgb(50.2%,83.5%,79.2%)`
CMYK	40, 0, 5, 16
HSL	172.2°, 50.3, 66.9	`hsl(172.2,50.3%,66.9%)`
HSV (or HSB)	172.2°, 39.9, 83.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.863, -28.317, -2.673
XYZ	43.354, 56.44, 64.483
xyY	0.264, 0.344, 56.44
CIE-LCH	79.863, 28.443, 185.393
CIE-LUV	79.863, -39.217, 0.538
Hunter-Lab	75.126, -28.462, 1.698
Binary	10000000, 11010101, 11001010

#80d5ca
```
#80d5ca rgb(128,213,202)
```
#d5808b
```
#d5808b rgb(213,128,139)
```

Complementary Color

#80d5a0
```
#80d5a0 rgb(128,213,160)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#80b6d5
```
#80b6d5 rgb(128,182,213)
```

Analogous Color

#d5a080
```
#d5a080 rgb(213,160,128)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#d580b6
```
#d580b6 rgb(213,128,182)
```

Split Complementary Color

#d5ca80
```
#d5ca80 rgb(213,202,128)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#ca80d5
```
#ca80d5 rgb(202,128,213)
```

Triadic Color

#8bd580
```
#8bd580 rgb(139,213,128)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#ca80d5
```
#ca80d5 rgb(202,128,213)
```
#d5808b
```
#d5808b rgb(213,128,139)
```

Tetradic Color

#47c2b2
```
#47c2b2 rgb(71,194,178)
```
#5ac8ba
```
#5ac8ba rgb(90,200,186)
```
#6dcfc2
```
#6dcfc2 rgb(109,207,194)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#93dbd2
```
#93dbd2 rgb(147,219,210)
```
#a6e2da
```
#a6e2da rgb(166,226,218)
```
#b9e8e2
```
#b9e8e2 rgb(185,232,226)
```

Monochromatic Color

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

#80d5b5
```
#80d5b5 rgb(128,213,181)
```
#80d5bc
```
#80d5bc rgb(128,213,188)
```
#80d5c3
```
#80d5c3 rgb(128,213,195)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#80d5d1
```
#80d5d1 rgb(128,213,209)
```
#80d2d5
```
#80d2d5 rgb(128,210,213)
```
#80cbd5
```
#80cbd5 rgb(128,203,213)
```

Similar Colors

Text with hexadecimal color #80d5ca

This text has a font color of #80d5ca.

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

#80d5ca background color

This paragraph has a background color of #80d5ca.

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

#80d5ca border color

This element has a border color of #80d5ca.

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

CSS codes

.text {color:#80d5ca;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#071413
```
#071413 rgb(7,20,19)
```
#0c2320
```
#0c2320 rgb(12,35,32)
```
#10322e
```
#10322e rgb(16,50,46)
```
#15413b
```
#15413b rgb(21,65,59)
```
#1a4f48
```
#1a4f48 rgb(26,79,72)
```
#1f5e56
```
#1f5e56 rgb(31,94,86)
```
#246d63
```
#246d63 rgb(36,109,99)
```
#297c71
```
#297c71 rgb(41,124,113)
```
#2e8a7e
```
#2e8a7e rgb(46,138,126)
```
#33998c
```
#33998c rgb(51,153,140)
```
#37a899
```
#37a899 rgb(55,168,153)
```
#3cb7a7
```
#3cb7a7 rgb(60,183,167)
```

Shade Color Variation

#45c2b1
```
#45c2b1 rgb(69,194,177)
```
#54c6b8
```
#54c6b8 rgb(84,198,184)
```
#63cbbe
```
#63cbbe rgb(99,203,190)
```
#71d0c4
```
#71d0c4 rgb(113,208,196)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#8fdad0
```
#8fdad0 rgb(143,218,208)
```
#9ddfd6
```
#9ddfd6 rgb(157,223,214)
```
#ace4dc
```
#ace4dc rgb(172,228,220)
```
#bbe8e3
```
#bbe8e3 rgb(187,232,227)
```
#caede9
```
#caede9 rgb(202,237,233)
```
#d8f2ef
```
#d8f2ef rgb(216,242,239)
```
#e7f7f5
```
#e7f7f5 rgb(231,247,245)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

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

#a7aead
```
#a7aead rgb(167,174,173)
```
#a1b5b2
```
#a1b5b2 rgb(161,181,178)
```
#9abbb7
```
#9abbb7 rgb(154,187,183)
```
#94c2bc
```
#94c2bc rgb(148,194,188)
```
#8dc8c0
```
#8dc8c0 rgb(141,200,192)
```
#87cfc5
```
#87cfc5 rgb(135,207,197)
```
#80d5ca
```
#80d5ca rgb(128,213,202)
```
#7adccf
```
#7adccf rgb(122,220,207)
```
#73e2d4
```
#73e2d4 rgb(115,226,212)
```
#6de9d8
```
#6de9d8 rgb(109,233,216)
```
#66efdd
```
#66efdd rgb(102,239,221)
```
#60f6e2
```
#60f6e2 rgb(96,246,226)
```
#59fce7
```
#59fce7 rgb(89,252,231)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#aebfbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc8c4 Protanopia 1% of men
#d6c3d3 Deuteranopia 1% of men
#8dd3e3 Tritanopia 0.001% of the population

Trichromacy

#b1ccc6 Protanomaly 1% of men, 0.01% of women
#b7c9d0 Deuteranomaly 6% of men, 0.4% of women
#88d4d9 Tritanomaly 0.01% of the population

#80d5ca hex color

#80d5ca Color Information

#80d5ca Color Conversion

Color Schemes with #80d5ca

Alternatives to #80d5ca

#80d5ca Preview

Shades and Tints of #80d5ca

Tones of #80d5ca

Color Blindness Simulator