#80e3de hex color

In a RGB color space, hex #80e3de is composed of 50.2% red, 89% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 0% magenta, 2.2% yellow and 11% black. It has a hue angle of 177 degrees, a saturation of 63.9% and a lightness of 69.6%. #80e3de color hex could be obtained by blending #ffffff with #01c7bd. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 89
- B 87
RGB color chart
- C 44
- M 0
- Y 2
- K 11
CMYK color chart

● #80e3de color description : Very soft cyan.

The hexadecimal color #80e3de has RGB values of R:128, G:227, B:222 and CMYK values of C:0.44, M:0, Y:0.02, K:0.11. Its decimal value is 8446942.

Hex triplet	80e3de	`#80e3de`
RGB Decimal	128, 227, 222	`rgb(128,227,222)`
RGB Percent	50.2, 89, 87.1	`rgb(50.2%,89%,87.1%)`
CMYK	44, 0, 2, 11
HSL	177°, 63.9, 69.6	`hsl(177,63.9%,69.6%)`
HSV (or HSB)	177°, 43.6, 89
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.38, -30.252, -6.647
XYZ	49.552, 64.798, 78.999
xyY	0.256, 0.335, 64.798
CIE-LCH	84.38, 30.974, 192.392
CIE-LUV	84.38, -44.258, -5.429
Hunter-Lab	80.497, -30.99, -1.839
Binary	10000000, 11100011, 11011110

#80e3de
```
#80e3de rgb(128,227,222)
```
#e38085
```
#e38085 rgb(227,128,133)
```

Complementary Color

#80e3ad
```
#80e3ad rgb(128,227,173)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#80b7e3
```
#80b7e3 rgb(128,183,227)
```

Analogous Color

#e3ad80
```
#e3ad80 rgb(227,173,128)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#e380b7
```
#e380b7 rgb(227,128,183)
```

Split Complementary Color

#e3de80
```
#e3de80 rgb(227,222,128)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#de80e3
```
#de80e3 rgb(222,128,227)
```

Triadic Color

#85e380
```
#85e380 rgb(133,227,128)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#de80e3
```
#de80e3 rgb(222,128,227)
```
#e38085
```
#e38085 rgb(227,128,133)
```

Tetradic Color

#41d5ce
```
#41d5ce rgb(65,213,206)
```
#56dad3
```
#56dad3 rgb(86,218,211)
```
#6bded9
```
#6bded9 rgb(107,222,217)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#95e8e3
```
#95e8e3 rgb(149,232,227)
```
#aaece9
```
#aaece9 rgb(170,236,233)
```
#bff1ee
```
#bff1ee rgb(191,241,238)
```

Monochromatic Color

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

#80e3c5
```
#80e3c5 rgb(128,227,197)
```
#80e3ce
```
#80e3ce rgb(128,227,206)
```
#80e3d6
```
#80e3d6 rgb(128,227,214)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#80e0e3
```
#80e0e3 rgb(128,224,227)
```
#80d8e3
```
#80d8e3 rgb(128,216,227)
```
#80cfe3
```
#80cfe3 rgb(128,207,227)
```

Similar Colors

Text with hexadecimal color #80e3de

This text has a font color of #80e3de.

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

#80e3de background color

This paragraph has a background color of #80e3de.

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

#80e3de border color

This element has a border color of #80e3de.

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

CSS codes

.text {color:#80e3de;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041211
```
#041211 rgb(4,18,17)
```
#072220
```
#072220 rgb(7,34,32)
```
#0b3230
```
#0b3230 rgb(11,50,48)
```
#0f423f
```
#0f423f rgb(15,66,63)
```
#12524f
```
#12524f rgb(18,82,79)
```
#16625e
```
#16625e rgb(22,98,94)
```
#19726e
```
#19726e rgb(25,114,110)
```
#1d827d
```
#1d827d rgb(29,130,125)
```
#20928c
```
#20928c rgb(32,146,140)
```
#24a29c
```
#24a29c rgb(36,162,156)
```
#27b2ab
```
#27b2ab rgb(39,178,171)
```
#2bc2bb
```
#2bc2bb rgb(43,194,187)
```

Shade Color Variation

#30d1c9
```
#30d1c9 rgb(48,209,201)
```
#40d5cd
```
#40d5cd rgb(64,213,205)
```
#50d8d1
```
#50d8d1 rgb(80,216,209)
```
#60dcd6
```
#60dcd6 rgb(96,220,214)
```
#70dfda
```
#70dfda rgb(112,223,218)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#90e7e2
```
#90e7e2 rgb(144,231,226)
```
#a0eae6
```
#a0eae6 rgb(160,234,230)
```
#b0eeeb
```
#b0eeeb rgb(176,238,235)
```
#c0f1ef
```
#c0f1ef rgb(192,241,239)
```
#d0f5f3
```
#d0f5f3 rgb(208,245,243)
```
#e0f8f7
```
#e0f8f7 rgb(224,248,247)
```
#f1fcfb
```
#f1fcfb rgb(241,252,251)
```

Tint Color Variation

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

#b0b3b3
```
#b0b3b3 rgb(176,179,179)
```
#aab9b8
```
#aab9b8 rgb(170,185,184)
```
#a4bfbe
```
#a4bfbe rgb(164,191,190)
```
#9ec5c3
```
#9ec5c3 rgb(158,197,195)
```
#98cbc9
```
#98cbc9 rgb(152,203,201)
```
#92d1ce
```
#92d1ce rgb(146,209,206)
```
#8cd7d3
```
#8cd7d3 rgb(140,215,211)
```
#86ddd9
```
#86ddd9 rgb(134,221,217)
```
#80e3de
```
#80e3de rgb(128,227,222)
```
#7ae9e3
```
#7ae9e3 rgb(122,233,227)
```
#74efe9
```
#74efe9 rgb(116,239,233)
```
#6ef5ee
```
#6ef5ee rgb(110,245,238)
```
#68fbf3
```
#68fbf3 rgb(104,251,243)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b7cbca Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d3d6 Protanopia 1% of men
#dfcfe7 Deuteranopia 1% of men
#8de1f1 Tritanopia 0.001% of the population

Trichromacy

#b7d9d9 Protanomaly 1% of men, 0.01% of women
#bcd6e3 Deuteranomaly 6% of men, 0.4% of women
#88e2ea Tritanomaly 0.01% of the population

#80e3de hex color

#80e3de Color Information

#80e3de Color Conversion

Color Schemes with #80e3de

Alternatives to #80e3de

#80e3de Preview

Shades and Tints of #80e3de

Tones of #80e3de

Color Blindness Simulator