#80d5e9 hex color

In a RGB color space, hex #80d5e9 is composed of 50.2% red, 83.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 8.6% magenta, 0% yellow and 8.6% black. It has a hue angle of 191.4 degrees, a saturation of 70.5% and a lightness of 70.8%. #80d5e9 color hex could be obtained by blending #ffffff with #01abd3. Closest websafe color is: #99ccff.

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

● #80d5e9 color description : Soft cyan.

The hexadecimal color #80d5e9 has RGB values of R:128, G:213, B:233 and CMYK values of C:0.45, M:0.09, Y:0, K:0.09. Its decimal value is 8443369.

Hex triplet	80d5e9	`#80d5e9`
RGB Decimal	128, 213, 233	`rgb(128,213,233)`
RGB Percent	50.2, 83.5, 91.4	`rgb(50.2%,83.5%,91.4%)`
CMYK	45, 9, 0, 9
HSL	191.4°, 70.5, 70.8	`hsl(191.4,70.5%,70.8%)`
HSV (or HSB)	191.4°, 45.1, 91.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.771, -20.609, -17.88
XYZ	47.401, 58.058, 85.795
xyY	0.248, 0.304, 58.058
CIE-LCH	80.771, 27.284, 220.945
CIE-LUV	80.771, -38.396, -25.079
Hunter-Lab	76.196, -22.3, -13.422
Binary	10000000, 11010101, 11101001

#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#e99480
```
#e99480 rgb(233,148,128)
```

Complementary Color

#80e9c9
```
#80e9c9 rgb(128,233,201)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#80a1e9
```
#80a1e9 rgb(128,161,233)
```

Analogous Color

#e9c980
```
#e9c980 rgb(233,201,128)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#e980a1
```
#e980a1 rgb(233,128,161)
```

Split Complementary Color

#d5e980
```
#d5e980 rgb(213,233,128)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#e980d5
```
#e980d5 rgb(233,128,213)
```

Triadic Color

#80e994
```
#80e994 rgb(128,233,148)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#e980d5
```
#e980d5 rgb(233,128,213)
```
#e99480
```
#e99480 rgb(233,148,128)
```

Tetradic Color

#3fbfde
```
#3fbfde rgb(63,191,222)
```
#55c7e1
```
#55c7e1 rgb(85,199,225)
```
#6acee5
```
#6acee5 rgb(106,206,229)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#96dced
```
#96dced rgb(150,220,237)
```
#abe3f1
```
#abe3f1 rgb(171,227,241)
```
#c1ebf4
```
#c1ebf4 rgb(193,235,244)
```

Monochromatic Color

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

#80e9e3
```
#80e9e3 rgb(128,233,227)
```
#80e7e9
```
#80e7e9 rgb(128,231,233)
```
#80dee9
```
#80dee9 rgb(128,222,233)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#80cce9
```
#80cce9 rgb(128,204,233)
```
#80c4e9
```
#80c4e9 rgb(128,196,233)
```
#80bbe9
```
#80bbe9 rgb(128,187,233)
```

Similar Colors

Text with hexadecimal color #80d5e9

This text has a font color of #80d5e9.

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

#80d5e9 background color

This paragraph has a background color of #80d5e9.

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

#80d5e9 border color

This element has a border color of #80d5e9.

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

CSS codes

.text {color:#80d5e9;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041417
```
#041417 rgb(4,20,23)
```
#072228
```
#072228 rgb(7,34,40)
```
#0a3039
```
#0a3039 rgb(10,48,57)
```
#0d3e4a
```
#0d3e4a rgb(13,62,74)
```
#104c5a
```
#104c5a rgb(16,76,90)
```
#135a6b
```
#135a6b rgb(19,90,107)
```
#15687c
```
#15687c rgb(21,104,124)
```
#18768d
```
#18768d rgb(24,118,141)
```
#1b849d
```
#1b849d rgb(27,132,157)
```
#1e93ae
```
#1e93ae rgb(30,147,174)
```
#21a1bf
```
#21a1bf rgb(33,161,191)
```
#24afcf
```
#24afcf rgb(36,175,207)
```

Shade Color Variation

#2cb9db
```
#2cb9db rgb(44,185,219)
```
#3dbfdd
```
#3dbfdd rgb(61,191,221)
```
#4ec4e0
```
#4ec4e0 rgb(78,196,224)
```
#5fcae3
```
#5fcae3 rgb(95,202,227)
```
#6fcfe6
```
#6fcfe6 rgb(111,207,230)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#91dbec
```
#91dbec rgb(145,219,236)
```
#a1e0ef
```
#a1e0ef rgb(161,224,239)
```
#b2e6f2
```
#b2e6f2 rgb(178,230,242)
```
#c3ebf5
```
#c3ebf5 rgb(195,235,245)
```
#d4f1f7
```
#d4f1f7 rgb(212,241,247)
```
#e4f6fa
```
#e4f6fa rgb(228,246,250)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#b4b5b5
```
#b4b5b5 rgb(180,181,181)
```
#aeb9bb
```
#aeb9bb rgb(174,185,187)
```
#a8bcc1
```
#a8bcc1 rgb(168,188,193)
```
#a2c0c7
```
#a2c0c7 rgb(162,192,199)
```
#9dc3cc
```
#9dc3cc rgb(157,195,204)
```
#97c7d2
```
#97c7d2 rgb(151,199,210)
```
#91cad8
```
#91cad8 rgb(145,202,216)
```
#8bcede
```
#8bcede rgb(139,206,222)
```
#86d1e3
```
#86d1e3 rgb(134,209,227)
```
#80d5e9
```
#80d5e9 rgb(128,213,233)
```
#7ad9ef
```
#7ad9ef rgb(122,217,239)
```
#75dcf4
```
#75dcf4 rgb(117,220,244)
```
#6fe0fa
```
#6fe0fa rgb(111,224,250)
```

Tone Color Variation

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

#c7c9e2 Protanopia 1% of men
#cbc7ef Deuteranopia 1% of men
#85d7e7 Tritanopia 0.001% of the population

Trichromacy

#adcde4 Protanomaly 1% of men, 0.01% of women
#afcced Deuteranomaly 6% of men, 0.4% of women
#83d6e7 Tritanomaly 0.01% of the population

#80d5e9 hex color

#80d5e9 Color Information

#80d5e9 Color Conversion

Color Schemes with #80d5e9

Alternatives to #80d5e9

#80d5e9 Preview

Shades and Tints of #80d5e9

Tones of #80d5e9

Color Blindness Simulator