#80ece2 hex color

In a RGB color space, hex #80ece2 is composed of 50.2% red, 92.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 4.2% yellow and 7.5% black. It has a hue angle of 174.4 degrees, a saturation of 74% and a lightness of 71.4%. #80ece2 color hex could be obtained by blending #ffffff with #01d9c5. Closest websafe color is: #99ffcc.

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

● #80ece2 color description : Soft cyan.

The hexadecimal color #80ece2 has RGB values of R:128, G:236, B:226 and CMYK values of C:0.46, M:0, Y:0.04, K:0.07. Its decimal value is 8449250.

Hex triplet	80ece2	`#80ece2`
RGB Decimal	128, 236, 226	`rgb(128,236,226)`
RGB Percent	50.2, 92.5, 88.6	`rgb(50.2%,92.5%,88.6%)`
CMYK	46, 0, 4, 7
HSL	174.4°, 74, 71.4	`hsl(174.4,74%,71.4%)`
HSV (or HSB)	174.4°, 45.8, 92.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	87.03, -33.535, -4.84
XYZ	52.621, 70.068, 82.699
xyY	0.256, 0.341, 70.068
CIE-LCH	87.03, 33.882, 188.212
CIE-LUV	87.03, -47.66, -2.056
Hunter-Lab	83.706, -34.274, 0.018
Binary	10000000, 11101100, 11100010

#80ece2
```
#80ece2 rgb(128,236,226)
```
#ec808a
```
#ec808a rgb(236,128,138)
```

Complementary Color

#80ecac
```
#80ecac rgb(128,236,172)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#80c0ec
```
#80c0ec rgb(128,192,236)
```

Analogous Color

#ecac80
```
#ecac80 rgb(236,172,128)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#ec80c0
```
#ec80c0 rgb(236,128,192)
```

Split Complementary Color

#ece280
```
#ece280 rgb(236,226,128)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#e280ec
```
#e280ec rgb(226,128,236)
```

Triadic Color

#8aec80
```
#8aec80 rgb(138,236,128)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#e280ec
```
#e280ec rgb(226,128,236)
```
#ec808a
```
#ec808a rgb(236,128,138)
```

Tetradic Color

#3de2d3
```
#3de2d3 rgb(61,226,211)
```
#54e5d8
```
#54e5d8 rgb(84,229,216)
```
#6ae9dd
```
#6ae9dd rgb(106,233,221)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#96efe7
```
#96efe7 rgb(150,239,231)
```
#acf3ec
```
#acf3ec rgb(172,243,236)
```
#c3f6f1
```
#c3f6f1 rgb(195,246,241)
```

Monochromatic Color

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

#80ecc7
```
#80ecc7 rgb(128,236,199)
```
#80ecd0
```
#80ecd0 rgb(128,236,208)
```
#80ecd9
```
#80ecd9 rgb(128,236,217)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#80eceb
```
#80eceb rgb(128,236,235)
```
#80e4ec
```
#80e4ec rgb(128,228,236)
```
#80dbec
```
#80dbec rgb(128,219,236)
```

Similar Colors

Text with hexadecimal color #80ece2

This text has a font color of #80ece2.

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

#80ece2 background color

This paragraph has a background color of #80ece2.

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

#80ece2 border color

This element has a border color of #80ece2.

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

CSS codes

.text {color:#80ece2;}

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

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

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, #010a09 is the darkest color, while #f7fefd is the lightest one.

#010a09
```
#010a09 rgb(1,10,9)
```
#041b18
```
#041b18 rgb(4,27,24)
```
#072c28
```
#072c28 rgb(7,44,40)
```
#093d38
```
#093d38 rgb(9,61,56)
```
#0c4e48
```
#0c4e48 rgb(12,78,72)
```
#0e5f57
```
#0e5f57 rgb(14,95,87)
```
#117067
```
#117067 rgb(17,112,103)
```
#138177
```
#138177 rgb(19,129,119)
```
#169287
```
#169287 rgb(22,146,135)
```
#18a396
```
#18a396 rgb(24,163,150)
```
#1bb4a6
```
#1bb4a6 rgb(27,180,166)
```
#1ec5b6
```
#1ec5b6 rgb(30,197,182)
```
#20d6c5
```
#20d6c5 rgb(32,214,197)
```

Shade Color Variation

#2bdfcf
```
#2bdfcf rgb(43,223,207)
```
#3ce2d2
```
#3ce2d2 rgb(60,226,210)
```
#4de4d6
```
#4de4d6 rgb(77,228,214)
```
#5ee7da
```
#5ee7da rgb(94,231,218)
```
#6fe9de
```
#6fe9de rgb(111,233,222)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#91efe6
```
#91efe6 rgb(145,239,230)
```
#a2f1ea
```
#a2f1ea rgb(162,241,234)
```
#b3f4ee
```
#b3f4ee rgb(179,244,238)
```
#c4f6f2
```
#c4f6f2 rgb(196,246,242)
```
#d5f9f5
```
#d5f9f5 rgb(213,249,245)
```
#e6fbf9
```
#e6fbf9 rgb(230,251,249)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#b3b9b9
```
#b3b9b9 rgb(179,185,185)
```
#adbfbd
```
#adbfbd rgb(173,191,189)
```
#a7c5c2
```
#a7c5c2 rgb(167,197,194)
```
#a2cac7
```
#a2cac7 rgb(162,202,199)
```
#9cd0cb
```
#9cd0cb rgb(156,208,203)
```
#96d6d0
```
#96d6d0 rgb(150,214,208)
```
#91dbd4
```
#91dbd4 rgb(145,219,212)
```
#8be1d9
```
#8be1d9 rgb(139,225,217)
```
#86e6dd
```
#86e6dd rgb(134,230,221)
```
#80ece2
```
#80ece2 rgb(128,236,226)
```
#7af2e7
```
#7af2e7 rgb(122,242,231)
```
#75f7eb
```
#75f7eb rgb(117,247,235)
```
#6ffdf0
```
#6ffdf0 rgb(111,253,240)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#bcd2d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfdad9 Protanopia 1% of men
#e8d6eb Deuteranopia 1% of men
#8fe9fa Tritanopia 0.001% of the population

Trichromacy

#bde1dc Protanomaly 1% of men, 0.01% of women
#c2dee8 Deuteranomaly 6% of men, 0.4% of women
#89eaf1 Tritanomaly 0.01% of the population

#80ece2 hex color

#80ece2 Color Information

#80ece2 Color Conversion

Color Schemes with #80ece2

Alternatives to #80ece2

#80ece2 Preview

Shades and Tints of #80ece2

Tones of #80ece2

Color Blindness Simulator