#80e6f2 hex color

In a RGB color space, hex #80e6f2 is composed of 50.2% red, 90.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 5% magenta, 0% yellow and 5.1% black. It has a hue angle of 186.3 degrees, a saturation of 81.4% and a lightness of 72.5%. #80e6f2 color hex could be obtained by blending #ffffff with #01cde5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 50
- G 90
- B 95
RGB color chart
- C 47
- M 5
- Y 0
- K 5
CMYK color chart

● #80e6f2 color description : Soft cyan.

The hexadecimal color #80e6f2 has RGB values of R:128, G:230, B:242 and CMYK values of C:0.47, M:0.05, Y:0, K:0.05. Its decimal value is 8447730.

Hex triplet	80e6f2	`#80e6f2`
RGB Decimal	128, 230, 242	`rgb(128,230,242)`
RGB Percent	50.2, 90.2, 94.9	`rgb(50.2%,90.2%,94.9%)`
CMYK	47, 5, 0, 5
HSL	186.3°, 81.4, 72.5	`hsl(186.3,81.4%,72.5%)`
HSV (or HSB)	186.3°, 47.1, 94.9
Web Safe	99ffff	`#99ffff`

CIE-LAB	85.801, -26.682, -15.081
XYZ	53.222, 67.59, 94.241
xyY	0.247, 0.314, 67.59
CIE-LCH	85.801, 30.649, 209.476
CIE-LUV	85.801, -44.753, -19.707
Hunter-Lab	82.213, -28.32, -10.415
Binary	10000000, 11100110, 11110010

#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#f28c80
```
#f28c80 rgb(242,140,128)
```

Complementary Color

#80f2c5
```
#80f2c5 rgb(128,242,197)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#80adf2
```
#80adf2 rgb(128,173,242)
```

Analogous Color

#f2c580
```
#f2c580 rgb(242,197,128)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#f280ad
```
#f280ad rgb(242,128,173)
```

Split Complementary Color

#e6f280
```
#e6f280 rgb(230,242,128)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#f280e6
```
#f280e6 rgb(242,128,230)
```

Triadic Color

#80f28c
```
#80f28c rgb(128,242,140)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#f280e6
```
#f280e6 rgb(242,128,230)
```
#f28c80
```
#f28c80 rgb(242,140,128)
```

Tetradic Color

#3bd8eb
```
#3bd8eb rgb(59,216,235)
```
#52dded
```
#52dded rgb(82,221,237)
```
#69e1f0
```
#69e1f0 rgb(105,225,240)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#97ebf4
```
#97ebf4 rgb(151,235,244)
```
#aeeff7
```
#aeeff7 rgb(174,239,247)
```
#c5f4f9
```
#c5f4f9 rgb(197,244,249)
```

Monochromatic Color

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

#80f2e2
```
#80f2e2 rgb(128,242,226)
```
#80f2eb
```
#80f2eb rgb(128,242,235)
```
#80f0f2
```
#80f0f2 rgb(128,240,242)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#80ddf2
```
#80ddf2 rgb(128,221,242)
```
#80d3f2
```
#80d3f2 rgb(128,211,242)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```

Similar Colors

Text with hexadecimal color #80e6f2

This text has a font color of #80e6f2.

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

#80e6f2 background color

This paragraph has a background color of #80e6f2.

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

#80e6f2 border color

This element has a border color of #80e6f2.

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

CSS codes

.text {color:#80e6f2;}

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

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

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, #020e0f is the darkest color, while #fdffff is the lightest one.

#020e0f
```
#020e0f rgb(2,14,15)
```
#031e21
```
#031e21 rgb(3,30,33)
```
#052e33
```
#052e33 rgb(5,46,51)
```
#073e45
```
#073e45 rgb(7,62,69)
```
#094e57
```
#094e57 rgb(9,78,87)
```
#0b5e68
```
#0b5e68 rgb(11,94,104)
```
#0d6f7a
```
#0d6f7a rgb(13,111,122)
```
#0e7f8c
```
#0e7f8c rgb(14,127,140)
```
#108f9e
```
#108f9e rgb(16,143,158)
```
#129faf
```
#129faf rgb(18,159,175)
```
#14afc1
```
#14afc1 rgb(20,175,193)
```
#16bfd3
```
#16bfd3 rgb(22,191,211)
```
#17cfe5
```
#17cfe5 rgb(23,207,229)
```

Shade Color Variation

#27d4e9
```
#27d4e9 rgb(39,212,233)
```
#39d8eb
```
#39d8eb rgb(57,216,235)
```
#4bdbed
```
#4bdbed rgb(75,219,237)
```
#5cdfee
```
#5cdfee rgb(92,223,238)
```
#6ee2f0
```
#6ee2f0 rgb(110,226,240)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#92eaf4
```
#92eaf4 rgb(146,234,244)
```
#a4edf6
```
#a4edf6 rgb(164,237,246)
```
#b5f1f7
```
#b5f1f7 rgb(181,241,247)
```
#c7f4f9
```
#c7f4f9 rgb(199,244,249)
```
#d9f8fb
```
#d9f8fb rgb(217,248,251)
```
#ebfbfd
```
#ebfbfd rgb(235,251,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#b6bbbc
```
#b6bbbc rgb(182,187,188)
```
#b0c0c2
```
#b0c0c2 rgb(176,192,194)
```
#abc4c7
```
#abc4c7 rgb(171,196,199)
```
#a6c8cc
```
#a6c8cc rgb(166,200,204)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#9bd1d7
```
#9bd1d7 rgb(155,209,215)
```
#96d5dc
```
#96d5dc rgb(150,213,220)
```
#90d9e2
```
#90d9e2 rgb(144,217,226)
```
#8bdde7
```
#8bdde7 rgb(139,221,231)
```
#85e2ed
```
#85e2ed rgb(133,226,237)
```
#80e6f2
```
#80e6f2 rgb(128,230,242)
```
#7beaf7
```
#7beaf7 rgb(123,234,247)
```
#75effd
```
#75effd rgb(117,239,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#bacfd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d7e9 Protanopia 1% of men
#dbd3f9 Deuteranopia 1% of men
#88e6f7 Tritanopia 0.001% of the population

Trichromacy

#b7dcec Protanomaly 1% of men, 0.01% of women
#badaf6 Deuteranomaly 6% of men, 0.4% of women
#85e6f5 Tritanomaly 0.01% of the population

#80e6f2 hex color

#80e6f2 Color Information

#80e6f2 Color Conversion

Color Schemes with #80e6f2

Alternatives to #80e6f2

#80e6f2 Preview

Shades and Tints of #80e6f2

Tones of #80e6f2

Color Blindness Simulator