#80ece1 hex color

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

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

● #80ece1 color description : Soft cyan.

The hexadecimal color #80ece1 has RGB values of R:128, G:236, B:225 and CMYK values of C:0.46, M:0, Y:0.05, K:0.07. Its decimal value is 8449249.

Hex triplet	80ece1	`#80ece1`
RGB Decimal	128, 236, 225	`rgb(128,236,225)`
RGB Percent	50.2, 92.5, 88.2	`rgb(50.2%,92.5%,88.2%)`
CMYK	46, 0, 5, 7
HSL	173.9°, 74, 71.4	`hsl(173.9,74%,71.4%)`
HSV (or HSB)	173.9°, 45.8, 92.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	87.003, -33.775, -4.354
XYZ	52.484, 70.013, 81.978
xyY	0.257, 0.342, 70.013
CIE-LCH	87.003, 34.055, 187.346
CIE-LUV	87.003, -47.697, -1.248
Hunter-Lab	83.674, -34.465, 0.483
Binary	10000000, 11101100, 11100001

#80ece1
```
#80ece1 rgb(128,236,225)
```
#ec808b
```
#ec808b rgb(236,128,139)
```

Complementary Color

#80ecab
```
#80ecab rgb(128,236,171)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#80c1ec
```
#80c1ec rgb(128,193,236)
```

Analogous Color

#ecab80
```
#ecab80 rgb(236,171,128)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#ec80c1
```
#ec80c1 rgb(236,128,193)
```

Split Complementary Color

#ece180
```
#ece180 rgb(236,225,128)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#e180ec
```
#e180ec rgb(225,128,236)
```

Triadic Color

#8bec80
```
#8bec80 rgb(139,236,128)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#e180ec
```
#e180ec rgb(225,128,236)
```
#ec808b
```
#ec808b rgb(236,128,139)
```

Tetradic Color

#3de2d1
```
#3de2d1 rgb(61,226,209)
```
#54e5d7
```
#54e5d7 rgb(84,229,215)
```
#6ae9dc
```
#6ae9dc rgb(106,233,220)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#96efe6
```
#96efe6 rgb(150,239,230)
```
#acf3eb
```
#acf3eb rgb(172,243,235)
```
#c3f6f1
```
#c3f6f1 rgb(195,246,241)
```

Monochromatic Color

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

#80ecc6
```
#80ecc6 rgb(128,236,198)
```
#80eccf
```
#80eccf rgb(128,236,207)
```
#80ecd8
```
#80ecd8 rgb(128,236,216)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#80ecea
```
#80ecea rgb(128,236,234)
```
#80e5ec
```
#80e5ec rgb(128,229,236)
```
#80dcec
```
#80dcec rgb(128,220,236)
```

Similar Colors

Text with hexadecimal color #80ece1

This text has a font color of #80ece1.

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

#80ece1 background color

This paragraph has a background color of #80ece1.

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

#80ece1 border color

This element has a border color of #80ece1.

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

CSS codes

.text {color:#80ece1;}

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

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

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)
```
#093d37
```
#093d37 rgb(9,61,55)
```
#0c4e47
```
#0c4e47 rgb(12,78,71)
```
#0e5f57
```
#0e5f57 rgb(14,95,87)
```
#117066
```
#117066 rgb(17,112,102)
```
#138176
```
#138176 rgb(19,129,118)
```
#169285
```
#169285 rgb(22,146,133)
```
#18a395
```
#18a395 rgb(24,163,149)
```
#1bb4a5
```
#1bb4a5 rgb(27,180,165)
```
#1ec5b4
```
#1ec5b4 rgb(30,197,180)
```
#20d6c4
```
#20d6c4 rgb(32,214,196)
```

Shade Color Variation

#2bdfcd
```
#2bdfcd rgb(43,223,205)
```
#3ce2d1
```
#3ce2d1 rgb(60,226,209)
```
#4de4d5
```
#4de4d5 rgb(77,228,213)
```
#5ee7d9
```
#5ee7d9 rgb(94,231,217)
```
#6fe9dd
```
#6fe9dd rgb(111,233,221)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#91efe5
```
#91efe5 rgb(145,239,229)
```
#a2f1e9
```
#a2f1e9 rgb(162,241,233)
```
#b3f4ed
```
#b3f4ed rgb(179,244,237)
```
#c4f6f1
```
#c4f6f1 rgb(196,246,241)
```
#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 #6ffdee is the most saturated one.

#b3b9b9
```
#b3b9b9 rgb(179,185,185)
```
#adbfbd
```
#adbfbd rgb(173,191,189)
```
#a7c5c2
```
#a7c5c2 rgb(167,197,194)
```
#a2cac6
```
#a2cac6 rgb(162,202,198)
```
#9cd0cb
```
#9cd0cb rgb(156,208,203)
```
#96d6cf
```
#96d6cf rgb(150,214,207)
```
#91dbd4
```
#91dbd4 rgb(145,219,212)
```
#8be1d8
```
#8be1d8 rgb(139,225,216)
```
#86e6dd
```
#86e6dd rgb(134,230,221)
```
#80ece1
```
#80ece1 rgb(128,236,225)
```
#7af2e5
```
#7af2e5 rgb(122,242,229)
```
#75f7ea
```
#75f7ea rgb(117,247,234)
```
#6ffdee
```
#6ffdee rgb(111,253,238)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#bbd1cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0dad8 Protanopia 1% of men
#e9d5ea Deuteranopia 1% of men
#8fe9fa Tritanopia 0.001% of the population

Trichromacy

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

#80ece1 hex color

#80ece1 Color Information

#80ece1 Color Conversion

Color Schemes with #80ece1

Alternatives to #80ece1

#80ece1 Preview

Shades and Tints of #80ece1

Tones of #80ece1

Color Blindness Simulator