#80ecd3 hex color

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

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

● #80ecd3 color description : Soft cyan.

The hexadecimal color #80ecd3 has RGB values of R:128, G:236, B:211 and CMYK values of C:0.46, M:0, Y:0.11, K:0.07. Its decimal value is 8449235.

Hex triplet	80ecd3	`#80ecd3`
RGB Decimal	128, 236, 211	`rgb(128,236,211)`
RGB Percent	50.2, 92.5, 82.7	`rgb(50.2%,92.5%,82.7%)`
CMYK	46, 0, 11, 7
HSL	166.1°, 74, 71.4	`hsl(166.1,74%,71.4%)`
HSV (or HSB)	166.1°, 45.8, 92.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	86.643, -37.051, 2.463
XYZ	50.652, 69.28, 72.328
xyY	0.263, 0.36, 69.28
CIE-LCH	86.643, 37.133, 176.196
CIE-LUV	86.643, -48.211, 9.896
Hunter-Lab	83.235, -37.036, 6.743
Binary	10000000, 11101100, 11010011

#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#ec8099
```
#ec8099 rgb(236,128,153)
```

Complementary Color

#80ec9d
```
#80ec9d rgb(128,236,157)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#80cfec
```
#80cfec rgb(128,207,236)
```

Analogous Color

#ec9d80
```
#ec9d80 rgb(236,157,128)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#ec80cf
```
#ec80cf rgb(236,128,207)
```

Split Complementary Color

#ecd380
```
#ecd380 rgb(236,211,128)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#d380ec
```
#d380ec rgb(211,128,236)
```

Triadic Color

#99ec80
```
#99ec80 rgb(153,236,128)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#d380ec
```
#d380ec rgb(211,128,236)
```
#ec8099
```
#ec8099 rgb(236,128,153)
```

Tetradic Color

#3de2bc
```
#3de2bc rgb(61,226,188)
```
#54e5c4
```
#54e5c4 rgb(84,229,196)
```
#6ae9cb
```
#6ae9cb rgb(106,233,203)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#96efdb
```
#96efdb rgb(150,239,219)
```
#acf3e2
```
#acf3e2 rgb(172,243,226)
```
#c3f6ea
```
#c3f6ea rgb(195,246,234)
```

Monochromatic Color

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

#80ecb8
```
#80ecb8 rgb(128,236,184)
```
#80ecc1
```
#80ecc1 rgb(128,236,193)
```
#80ecca
```
#80ecca rgb(128,236,202)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#80ecdc
```
#80ecdc rgb(128,236,220)
```
#80ece5
```
#80ece5 rgb(128,236,229)
```
#80eaec
```
#80eaec rgb(128,234,236)
```

Similar Colors

Text with hexadecimal color #80ecd3

This text has a font color of #80ecd3.

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

#80ecd3 background color

This paragraph has a background color of #80ecd3.

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

#80ecd3 border color

This element has a border color of #80ecd3.

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

CSS codes

.text {color:#80ecd3;}

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

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

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

#010a08
```
#010a08 rgb(1,10,8)
```
#041b15
```
#041b15 rgb(4,27,21)
```
#072c23
```
#072c23 rgb(7,44,35)
```
#093d31
```
#093d31 rgb(9,61,49)
```
#0c4e3e
```
#0c4e3e rgb(12,78,62)
```
#0e5f4c
```
#0e5f4c rgb(14,95,76)
```
#11705a
```
#11705a rgb(17,112,90)
```
#138168
```
#138168 rgb(19,129,104)
```
#169275
```
#169275 rgb(22,146,117)
```
#18a383
```
#18a383 rgb(24,163,131)
```
#1bb491
```
#1bb491 rgb(27,180,145)
```
#1ec59e
```
#1ec59e rgb(30,197,158)
```
#20d6ac
```
#20d6ac rgb(32,214,172)
```

Shade Color Variation

#2bdfb5
```
#2bdfb5 rgb(43,223,181)
```
#3ce2bb
```
#3ce2bb rgb(60,226,187)
```
#4de4c1
```
#4de4c1 rgb(77,228,193)
```
#5ee7c7
```
#5ee7c7 rgb(94,231,199)
```
#6fe9cd
```
#6fe9cd rgb(111,233,205)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#91efd9
```
#91efd9 rgb(145,239,217)
```
#a2f1df
```
#a2f1df rgb(162,241,223)
```
#b3f4e5
```
#b3f4e5 rgb(179,244,229)
```
#c4f6eb
```
#c4f6eb rgb(196,246,235)
```
#d5f9f1
```
#d5f9f1 rgb(213,249,241)
```
#e6fbf6
```
#e6fbf6 rgb(230,251,246)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#b3b9b8
```
#b3b9b8 rgb(179,185,184)
```
#adbfbb
```
#adbfbb rgb(173,191,187)
```
#a7c5be
```
#a7c5be rgb(167,197,190)
```
#a2cac1
```
#a2cac1 rgb(162,202,193)
```
#9cd0c4
```
#9cd0c4 rgb(156,208,196)
```
#96d6c7
```
#96d6c7 rgb(150,214,199)
```
#91dbca
```
#91dbca rgb(145,219,202)
```
#8be1cd
```
#8be1cd rgb(139,225,205)
```
#86e6d0
```
#86e6d0 rgb(134,230,208)
```
#80ecd3
```
#80ecd3 rgb(128,236,211)
```
#7af2d6
```
#7af2d6 rgb(122,242,214)
```
#75f7d9
```
#75f7d9 rgb(117,247,217)
```
#6ffddc
```
#6ffddc rgb(111,253,220)
```

Tone Color Variation

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

Dichromacy

#e2dacb Protanopia 1% of men
#edd4dd Deuteranopia 1% of men
#93e7f8 Tritanopia 0.001% of the population

Trichromacy

#bee0ce Protanomaly 1% of men, 0.01% of women
#c5ddd9 Deuteranomaly 6% of men, 0.4% of women
#8ce9ea Tritanomaly 0.01% of the population

#80ecd3 hex color

#80ecd3 Color Information

#80ecd3 Color Conversion

Color Schemes with #80ecd3

Alternatives to #80ecd3

#80ecd3 Preview

Shades and Tints of #80ecd3

Tones of #80ecd3

Color Blindness Simulator