#80f2dc hex color

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

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

● #80f2dc color description : Soft cyan.

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

Hex triplet	80f2dc	`#80f2dc`
RGB Decimal	128, 242, 220	`rgb(128,242,220)`
RGB Percent	50.2, 94.9, 86.3	`rgb(50.2%,94.9%,86.3%)`
CMYK	47, 0, 9, 5
HSL	168.4°, 81.4, 72.5	`hsl(168.4,81.4%,72.5%)`
HSV (or HSB)	168.4°, 47.1, 94.9
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	88.57, -37.724, 0.56
XYZ	53.569, 73.257, 79.023
xyY	0.26, 0.356, 73.257
CIE-LCH	88.57, 37.728, 179.149
CIE-LUV	88.57, -50.236, 7.096
Hunter-Lab	85.59, -38.065, 5.172
Binary	10000000, 11110010, 11011100

#80f2dc
```
#80f2dc rgb(128,242,220)
```
#f28096
```
#f28096 rgb(242,128,150)
```

Complementary Color

#80f2a3
```
#80f2a3 rgb(128,242,163)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#80cff2
```
#80cff2 rgb(128,207,242)
```

Analogous Color

#f2a380
```
#f2a380 rgb(242,163,128)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#f280cf
```
#f280cf rgb(242,128,207)
```

Split Complementary Color

#f2dc80
```
#f2dc80 rgb(242,220,128)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#dc80f2
```
#dc80f2 rgb(220,128,242)
```

Triadic Color

#96f280
```
#96f280 rgb(150,242,128)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#dc80f2
```
#dc80f2 rgb(220,128,242)
```
#f28096
```
#f28096 rgb(242,128,150)
```

Tetradic Color

#3bebc9
```
#3bebc9 rgb(59,235,201)
```
#52edcf
```
#52edcf rgb(82,237,207)
```
#69f0d6
```
#69f0d6 rgb(105,240,214)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#97f4e2
```
#97f4e2 rgb(151,244,226)
```
#aef7e9
```
#aef7e9 rgb(174,247,233)
```
#c5f9ef
```
#c5f9ef rgb(197,249,239)
```

Monochromatic Color

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

#80f2c0
```
#80f2c0 rgb(128,242,192)
```
#80f2c9
```
#80f2c9 rgb(128,242,201)
```
#80f2d3
```
#80f2d3 rgb(128,242,211)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#80f2e6
```
#80f2e6 rgb(128,242,230)
```
#80f2ef
```
#80f2ef rgb(128,242,239)
```
#80ecf2
```
#80ecf2 rgb(128,236,242)
```

Similar Colors

Text with hexadecimal color #80f2dc

This text has a font color of #80f2dc.

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

#80f2dc background color

This paragraph has a background color of #80f2dc.

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

#80f2dc border color

This element has a border color of #80f2dc.

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

CSS codes

.text {color:#80f2dc;}

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

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

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

#020f0d
```
#020f0d rgb(2,15,13)
```
#03211b
```
#03211b rgb(3,33,27)
```
#05332a
```
#05332a rgb(5,51,42)
```
#074539
```
#074539 rgb(7,69,57)
```
#095748
```
#095748 rgb(9,87,72)
```
#0b6856
```
#0b6856 rgb(11,104,86)
```
#0d7a65
```
#0d7a65 rgb(13,122,101)
```
#0e8c74
```
#0e8c74 rgb(14,140,116)
```
#109e82
```
#109e82 rgb(16,158,130)
```
#12af91
```
#12af91 rgb(18,175,145)
```
#14c1a0
```
#14c1a0 rgb(20,193,160)
```
#16d3af
```
#16d3af rgb(22,211,175)
```
#17e5bd
```
#17e5bd rgb(23,229,189)
```

Shade Color Variation

#27e9c3
```
#27e9c3 rgb(39,233,195)
```
#39ebc8
```
#39ebc8 rgb(57,235,200)
```
#4bedcd
```
#4bedcd rgb(75,237,205)
```
#5ceed2
```
#5ceed2 rgb(92,238,210)
```
#6ef0d7
```
#6ef0d7 rgb(110,240,215)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#92f4e1
```
#92f4e1 rgb(146,244,225)
```
#a4f6e6
```
#a4f6e6 rgb(164,246,230)
```
#b5f7eb
```
#b5f7eb rgb(181,247,235)
```
#c7f9f0
```
#c7f9f0 rgb(199,249,240)
```
#d9fbf5
```
#d9fbf5 rgb(217,251,245)
```
#ebfdf9
```
#ebfdf9 rgb(235,253,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#b6bcbb
```
#b6bcbb rgb(182,188,187)
```
#b0c2be
```
#b0c2be rgb(176,194,190)
```
#abc7c2
```
#abc7c2 rgb(171,199,194)
```
#a6ccc5
```
#a6ccc5 rgb(166,204,197)
```
#a0d2c8
```
#a0d2c8 rgb(160,210,200)
```
#9bd7cb
```
#9bd7cb rgb(155,215,203)
```
#96dccf
```
#96dccf rgb(150,220,207)
```
#90e2d2
```
#90e2d2 rgb(144,226,210)
```
#8be7d5
```
#8be7d5 rgb(139,231,213)
```
#85edd9
```
#85edd9 rgb(133,237,217)
```
#80f2dc
```
#80f2dc rgb(128,242,220)
```
#7bf7df
```
#7bf7df rgb(123,247,223)
```
#75fde3
```
#75fde3 rgb(117,253,227)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#bed4d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6dfd3 Protanopia 1% of men
#f1d9e6 Deuteranopia 1% of men
#92edfe Tritanopia 0.001% of the population

Trichromacy

#c1e5d6 Protanomaly 1% of men, 0.01% of women
#c8e2e2 Deuteranomaly 6% of men, 0.4% of women
#8beff2 Tritanomaly 0.01% of the population

#80f2dc hex color

#80f2dc Color Information

#80f2dc Color Conversion

Color Schemes with #80f2dc

Alternatives to #80f2dc

#80f2dc Preview

Shades and Tints of #80f2dc

Tones of #80f2dc

Color Blindness Simulator