#80d2ed hex color

In a RGB color space, hex #80d2ed is composed of 50.2% red, 82.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 11.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 194.9 degrees, a saturation of 75.2% and a lightness of 71.6%. #80d2ed color hex could be obtained by blending #ffffff with #01a5db. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 82
- B 93
RGB color chart
- C 46
- M 11
- Y 0
- K 7
CMYK color chart

● #80d2ed color description : Soft cyan.

The hexadecimal color #80d2ed has RGB values of R:128, G:210, B:237 and CMYK values of C:0.46, M:0.11, Y:0, K:0.07. Its decimal value is 8442605.

Hex triplet	80d2ed	`#80d2ed`
RGB Decimal	128, 210, 237	`rgb(128,210,237)`
RGB Percent	50.2, 82.4, 92.9	`rgb(50.2%,82.4%,92.9%)`
CMYK	46, 11, 0, 7
HSL	194.9°, 75.2, 71.6	`hsl(194.9,75.2%,71.6%)`
HSV (or HSB)	194.9°, 46, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.064, -18.033, -21.084
XYZ	47.231, 56.794, 88.59
xyY	0.245, 0.295, 56.794
CIE-LCH	80.064, 27.745, 229.46
CIE-LUV	80.064, -37.117, -30.757
Hunter-Lab	75.362, -20.014, -16.943
Binary	10000000, 11010010, 11101101

#80d2ed
```
#80d2ed rgb(128,210,237)
```
#ed9b80
```
#ed9b80 rgb(237,155,128)
```

Complementary Color

#80edd2
```
#80edd2 rgb(128,237,210)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#809ced
```
#809ced rgb(128,156,237)
```

Analogous Color

#edd280
```
#edd280 rgb(237,210,128)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#ed809c
```
#ed809c rgb(237,128,156)
```

Split Complementary Color

#d2ed80
```
#d2ed80 rgb(210,237,128)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#ed80d2
```
#ed80d2 rgb(237,128,210)
```

Triadic Color

#80ed9b
```
#80ed9b rgb(128,237,155)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#ed80d2
```
#ed80d2 rgb(237,128,210)
```
#ed9b80
```
#ed9b80 rgb(237,155,128)
```

Tetradic Color

#3dbae4
```
#3dbae4 rgb(61,186,228)
```
#53c2e7
```
#53c2e7 rgb(83,194,231)
```
#6acaea
```
#6acaea rgb(106,202,234)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#96daf0
```
#96daf0 rgb(150,218,240)
```
#ade2f3
```
#ade2f3 rgb(173,226,243)
```
#c3eaf6
```
#c3eaf6 rgb(195,234,246)
```

Monochromatic Color

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

#80eded
```
#80eded rgb(128,237,237)
```
#80e4ed
```
#80e4ed rgb(128,228,237)
```
#80dbed
```
#80dbed rgb(128,219,237)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#80c9ed
```
#80c9ed rgb(128,201,237)
```
#80c0ed
```
#80c0ed rgb(128,192,237)
```
#80b7ed
```
#80b7ed rgb(128,183,237)
```

Similar Colors

Text with hexadecimal color #80d2ed

This text has a font color of #80d2ed.

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

#80d2ed background color

This paragraph has a background color of #80d2ed.

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

#80d2ed border color

This element has a border color of #80d2ed.

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

CSS codes

.text {color:#80d2ed;}

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

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

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, #01080a is the darkest color, while #f8fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#04161c
```
#04161c rgb(4,22,28)
```
#06232d
```
#06232d rgb(6,35,45)
```
#09313e
```
#09313e rgb(9,49,62)
```
#0b3e4f
```
#0b3e4f rgb(11,62,79)
```
#0e4c60
```
#0e4c60 rgb(14,76,96)
```
#105972
```
#105972 rgb(16,89,114)
```
#136783
```
#136783 rgb(19,103,131)
```
#157494
```
#157494 rgb(21,116,148)
```
#1782a5
```
#1782a5 rgb(23,130,165)
```
#1a90b6
```
#1a90b6 rgb(26,144,182)
```
#1c9dc7
```
#1c9dc7 rgb(28,157,199)
```
#1fabd9
```
#1fabd9 rgb(31,171,217)
```

Shade Color Variation

#2ab4e1
```
#2ab4e1 rgb(42,180,225)
```
#3bbae3
```
#3bbae3 rgb(59,186,227)
```
#4cc0e6
```
#4cc0e6 rgb(76,192,230)
```
#5ec6e8
```
#5ec6e8 rgb(94,198,232)
```
#6fcceb
```
#6fcceb rgb(111,204,235)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#91d8ef
```
#91d8ef rgb(145,216,239)
```
#a2def2
```
#a2def2 rgb(162,222,242)
```
#b4e4f4
```
#b4e4f4 rgb(180,228,244)
```
#c5eaf7
```
#c5eaf7 rgb(197,234,247)
```
#d6f0f9
```
#d6f0f9 rgb(214,240,249)
```
#e7f7fc
```
#e7f7fc rgb(231,247,252)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#b2b9bb
```
#b2b9bb rgb(178,185,187)
```
#adbbc0
```
#adbbc0 rgb(173,187,192)
```
#a7bec6
```
#a7bec6 rgb(167,190,198)
```
#a1c1cc
```
#a1c1cc rgb(161,193,204)
```
#9cc4d1
```
#9cc4d1 rgb(156,196,209)
```
#96c7d7
```
#96c7d7 rgb(150,199,215)
```
#91cadc
```
#91cadc rgb(145,202,220)
```
#8bcce2
```
#8bcce2 rgb(139,204,226)
```
#86cfe7
```
#86cfe7 rgb(134,207,231)
```
#80d2ed
```
#80d2ed rgb(128,210,237)
```
#7ad5f3
```
#7ad5f3 rgb(122,213,243)
```
#75d8f8
```
#75d8f8 rgb(117,216,248)
```
#6fdafe
```
#6fdafe rgb(111,218,254)
```

Tone Color Variation

Below, you can see how #80d2ed 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
#b1c1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c7e6 Protanopia 1% of men
#c5c5f3 Deuteranopia 1% of men
#83d5e5 Tritanopia 0.001% of the population

Trichromacy

#aacbe8 Protanomaly 1% of men, 0.01% of women
#accaf1 Deuteranomaly 6% of men, 0.4% of women
#82d4e8 Tritanomaly 0.01% of the population

#80d2ed hex color

#80d2ed Color Information

#80d2ed Color Conversion

Color Schemes with #80d2ed

Alternatives to #80d2ed

#80d2ed Preview

Shades and Tints of #80d2ed

Tones of #80d2ed

Color Blindness Simulator