#80d5eb hex color

In a RGB color space, hex #80d5eb is composed of 50.2% red, 83.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 9.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 192.3 degrees, a saturation of 72.8% and a lightness of 71.2%. #80d5eb color hex could be obtained by blending #ffffff with #01abd7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 84
- B 92
RGB color chart
- C 46
- M 9
- Y 0
- K 8
CMYK color chart

● #80d5eb color description : Soft cyan.

The hexadecimal color #80d5eb has RGB values of R:128, G:213, B:235 and CMYK values of C:0.46, M:0.09, Y:0, K:0.08. Its decimal value is 8443371.

Hex triplet	80d5eb	`#80d5eb`
RGB Decimal	128, 213, 235	`rgb(128,213,235)`
RGB Percent	50.2, 83.5, 92.2	`rgb(50.2%,83.5%,92.2%)`
CMYK	46, 9, 0, 8
HSL	192.3°, 72.8, 71.2	`hsl(192.3,72.8%,71.2%)`
HSV (or HSB)	192.3°, 45.5, 92.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.835, -20.085, -18.85
XYZ	47.688, 58.173, 87.308
xyY	0.247, 0.301, 58.173
CIE-LCH	80.835, 27.545, 223.184
CIE-LUV	80.835, -38.344, -26.768
Hunter-Lab	76.271, -21.869, -14.48
Binary	10000000, 11010101, 11101011

#80d5eb
```
#80d5eb rgb(128,213,235)
```
#eb9680
```
#eb9680 rgb(235,150,128)
```

Complementary Color

#80ebcc
```
#80ebcc rgb(128,235,204)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#80a0eb
```
#80a0eb rgb(128,160,235)
```

Analogous Color

#ebcc80
```
#ebcc80 rgb(235,204,128)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#eb80a0
```
#eb80a0 rgb(235,128,160)
```

Split Complementary Color

#d5eb80
```
#d5eb80 rgb(213,235,128)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#eb80d5
```
#eb80d5 rgb(235,128,213)
```

Triadic Color

#80eb96
```
#80eb96 rgb(128,235,150)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#eb80d5
```
#eb80d5 rgb(235,128,213)
```
#eb9680
```
#eb9680 rgb(235,150,128)
```

Tetradic Color

#3ebfe1
```
#3ebfe1 rgb(62,191,225)
```
#54c6e4
```
#54c6e4 rgb(84,198,228)
```
#6acee8
```
#6acee8 rgb(106,206,232)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#96dcee
```
#96dcee rgb(150,220,238)
```
#ace4f2
```
#ace4f2 rgb(172,228,242)
```
#c2ebf5
```
#c2ebf5 rgb(194,235,245)
```

Monochromatic Color

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

#80ebe6
```
#80ebe6 rgb(128,235,230)
```
#80e7eb
```
#80e7eb rgb(128,231,235)
```
#80deeb
```
#80deeb rgb(128,222,235)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#80cceb
```
#80cceb rgb(128,204,235)
```
#80c3eb
```
#80c3eb rgb(128,195,235)
```
#80baeb
```
#80baeb rgb(128,186,235)
```

Similar Colors

Text with hexadecimal color #80d5eb

This text has a font color of #80d5eb.

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

#80d5eb background color

This paragraph has a background color of #80d5eb.

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

#80d5eb border color

This element has a border color of #80d5eb.

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

CSS codes

.text {color:#80d5eb;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#04151a
```
#04151a rgb(4,21,26)
```
#07232a
```
#07232a rgb(7,35,42)
```
#09313b
```
#09313b rgb(9,49,59)
```
#0c3f4c
```
#0c3f4c rgb(12,63,76)
```
#0f4d5d
```
#0f4d5d rgb(15,77,93)
```
#115b6e
```
#115b6e rgb(17,91,110)
```
#14697f
```
#14697f rgb(20,105,127)
```
#177790
```
#177790 rgb(23,119,144)
```
#1985a1
```
#1985a1 rgb(25,133,161)
```
#1c93b2
```
#1c93b2 rgb(28,147,178)
```
#1fa1c3
```
#1fa1c3 rgb(31,161,195)
```
#21afd4
```
#21afd4 rgb(33,175,212)
```

Shade Color Variation

#2bb9de
```
#2bb9de rgb(43,185,222)
```
#3cbfe0
```
#3cbfe0 rgb(60,191,224)
```
#4dc4e3
```
#4dc4e3 rgb(77,196,227)
```
#5ecae6
```
#5ecae6 rgb(94,202,230)
```
#6fcfe8
```
#6fcfe8 rgb(111,207,232)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#91dbee
```
#91dbee rgb(145,219,238)
```
#a2e0f0
```
#a2e0f0 rgb(162,224,240)
```
#b3e6f3
```
#b3e6f3 rgb(179,230,243)
```
#c4ebf6
```
#c4ebf6 rgb(196,235,246)
```
#d5f1f8
```
#d5f1f8 rgb(213,241,248)
```
#e6f7fb
```
#e6f7fb rgb(230,247,251)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#b3b7b8
```
#b3b7b8 rgb(179,183,184)
```
#adbabe
```
#adbabe rgb(173,186,190)
```
#a8bec3
```
#a8bec3 rgb(168,190,195)
```
#a2c1c9
```
#a2c1c9 rgb(162,193,201)
```
#9cc4cf
```
#9cc4cf rgb(156,196,207)
```
#97c8d4
```
#97c8d4 rgb(151,200,212)
```
#91cbda
```
#91cbda rgb(145,203,218)
```
#8bcee0
```
#8bcee0 rgb(139,206,224)
```
#86d2e5
```
#86d2e5 rgb(134,210,229)
```
#80d5eb
```
#80d5eb rgb(128,213,235)
```
#7ad8f1
```
#7ad8f1 rgb(122,216,241)
```
#75dcf6
```
#75dcf6 rgb(117,220,246)
```
#6fdffc
```
#6fdffc rgb(111,223,252)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b2c3c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cae4 Protanopia 1% of men
#cac7f1 Deuteranopia 1% of men
#84d7e7 Tritanopia 0.001% of the population

Trichromacy

#adcee6 Protanomaly 1% of men, 0.01% of women
#afccef Deuteranomaly 6% of men, 0.4% of women
#83d6e8 Tritanomaly 0.01% of the population

#80d5eb hex color

#80d5eb Color Information

#80d5eb Color Conversion

Color Schemes with #80d5eb

Alternatives to #80d5eb

#80d5eb Preview

Shades and Tints of #80d5eb

Tones of #80d5eb

Color Blindness Simulator