#80d8e6 hex color

In a RGB color space, hex #80d8e6 is composed of 50.2% red, 84.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 6.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 188.2 degrees, a saturation of 67.1% and a lightness of 70.2%. #80d8e6 color hex could be obtained by blending #ffffff with #01b1cd. Closest websafe color is: #99ccff.

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

● #80d8e6 color description : Very soft cyan.

The hexadecimal color #80d8e6 has RGB values of R:128, G:216, B:230 and CMYK values of C:0.44, M:0.06, Y:0, K:0.1. Its decimal value is 8444134.

Hex triplet	80d8e6	`#80d8e6`
RGB Decimal	128, 216, 230	`rgb(128,216,230)`
RGB Percent	50.2, 84.7, 90.2	`rgb(50.2%,84.7%,90.2%)`
CMYK	44, 6, 0, 10
HSL	188.2°, 67.1, 70.2	`hsl(188.2,67.1%,70.2%)`
HSV (or HSB)	188.2°, 44.3, 90.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.517, -22.889, -15.159
XYZ	47.737, 59.411, 83.811
xyY	0.25, 0.311, 59.411
CIE-LCH	81.517, 27.453, 213.516
CIE-LUV	81.517, -39.66, -20.278
Hunter-Lab	77.079, -24.337, -10.513
Binary	10000000, 11011000, 11100110

#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#e68e80
```
#e68e80 rgb(230,142,128)
```

Complementary Color

#80e6c1
```
#80e6c1 rgb(128,230,193)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#80a5e6
```
#80a5e6 rgb(128,165,230)
```

Analogous Color

#e6c180
```
#e6c180 rgb(230,193,128)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#e680a5
```
#e680a5 rgb(230,128,165)
```

Split Complementary Color

#d8e680
```
#d8e680 rgb(216,230,128)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#e680d8
```
#e680d8 rgb(230,128,216)
```

Triadic Color

#80e68e
```
#80e68e rgb(128,230,142)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#e680d8
```
#e680d8 rgb(230,128,216)
```
#e68e80
```
#e68e80 rgb(230,142,128)
```

Tetradic Color

#40c4d9
```
#40c4d9 rgb(64,196,217)
```
#55cbde
```
#55cbde rgb(85,203,222)
```
#6bd1e2
```
#6bd1e2 rgb(107,209,226)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#95dfea
```
#95dfea rgb(149,223,234)
```
#abe5ee
```
#abe5ee rgb(171,229,238)
```
#c0ecf3
```
#c0ecf3 rgb(192,236,243)
```

Monochromatic Color

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

#80e6db
```
#80e6db rgb(128,230,219)
```
#80e6e3
```
#80e6e3 rgb(128,230,227)
```
#80e1e6
```
#80e1e6 rgb(128,225,230)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#80d0e6
```
#80d0e6 rgb(128,208,230)
```
#80c7e6
```
#80c7e6 rgb(128,199,230)
```
#80bfe6
```
#80bfe6 rgb(128,191,230)
```

Similar Colors

Text with hexadecimal color #80d8e6

This text has a font color of #80d8e6.

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

#80d8e6 background color

This paragraph has a background color of #80d8e6.

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

#80d8e6 border color

This element has a border color of #80d8e6.

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

CSS codes

.text {color:#80d8e6;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041215
```
#041215 rgb(4,18,21)
```
#072125
```
#072125 rgb(7,33,37)
```
#0a2f35
```
#0a2f35 rgb(10,47,53)
```
#0e3e46
```
#0e3e46 rgb(14,62,70)
```
#114d56
```
#114d56 rgb(17,77,86)
```
#145b66
```
#145b66 rgb(20,91,102)
```
#176a77
```
#176a77 rgb(23,106,119)
```
#1b7887
```
#1b7887 rgb(27,120,135)
```
#1e8798
```
#1e8798 rgb(30,135,152)
```
#2195a8
```
#2195a8 rgb(33,149,168)
```
#24a4b8
```
#24a4b8 rgb(36,164,184)
```
#28b3c9
```
#28b3c9 rgb(40,179,201)
```

Shade Color Variation

#2ebfd6
```
#2ebfd6 rgb(46,191,214)
```
#3ec4d9
```
#3ec4d9 rgb(62,196,217)
```
#4fc9dc
```
#4fc9dc rgb(79,201,220)
```
#5fcee0
```
#5fcee0 rgb(95,206,224)
```
#70d3e3
```
#70d3e3 rgb(112,211,227)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#90dde9
```
#90dde9 rgb(144,221,233)
```
#a1e2ec
```
#a1e2ec rgb(161,226,236)
```
#b1e7f0
```
#b1e7f0 rgb(177,231,240)
```
#c2ecf3
```
#c2ecf3 rgb(194,236,243)
```
#d2f1f6
```
#d2f1f6 rgb(210,241,246)
```
#e2f6f9
```
#e2f6f9 rgb(226,246,249)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

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

#afb6b7
```
#afb6b7 rgb(175,182,183)
```
#a9babd
```
#a9babd rgb(169,186,189)
```
#a3bfc3
```
#a3bfc3 rgb(163,191,195)
```
#9dc3c9
```
#9dc3c9 rgb(157,195,201)
```
#97c7cf
```
#97c7cf rgb(151,199,207)
```
#92cbd4
```
#92cbd4 rgb(146,203,212)
```
#8cd0da
```
#8cd0da rgb(140,208,218)
```
#86d4e0
```
#86d4e0 rgb(134,212,224)
```
#80d8e6
```
#80d8e6 rgb(128,216,230)
```
#7adcec
```
#7adcec rgb(122,220,236)
```
#74e0f2
```
#74e0f2 rgb(116,224,242)
```
#6ee5f8
```
#6ee5f8 rgb(110,229,248)
```
#69e9fd
```
#69e9fd rgb(105,233,253)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b2c4c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcbdf Protanopia 1% of men
#cfc8ed Deuteranopia 1% of men
#87d9e9 Tritanopia 0.001% of the population

Trichromacy

#afd0e1 Protanomaly 1% of men, 0.01% of women
#b2ceea Deuteranomaly 6% of men, 0.4% of women
#84d9e8 Tritanomaly 0.01% of the population

#80d8e6 hex color

#80d8e6 Color Information

#80d8e6 Color Conversion

Color Schemes with #80d8e6

Alternatives to #80d8e6

#80d8e6 Preview

Shades and Tints of #80d8e6

Tones of #80d8e6

Color Blindness Simulator