#80dffd hex color

In a RGB color space, hex #80dffd is composed of 50.2% red, 87.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 11.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.4 degrees, a saturation of 96.9% and a lightness of 74.7%. #80dffd color hex could be obtained by blending #ffffff with #01bffb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 87
- B 99
RGB color chart
- C 49
- M 12
- Y 0
- K 1
CMYK color chart

● #80dffd color description : Soft cyan.

The hexadecimal color #80dffd has RGB values of R:128, G:223, B:253 and CMYK values of C:0.49, M:0.12, Y:0, K:0.01. Its decimal value is 8445949.

Hex triplet	80dffd	`#80dffd`
RGB Decimal	128, 223, 253	`rgb(128,223,253)`
RGB Percent	50.2, 87.5, 99.2	`rgb(50.2%,87.5%,99.2%)`
CMYK	49, 12, 0, 1
HSL	194.4°, 96.9, 74.7	`hsl(194.4,96.9%,74.7%)`
HSV (or HSB)	194.4°, 49.4, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.201, -20.319, -23.297
XYZ	53.015, 64.453, 102.57
xyY	0.241, 0.293, 64.453
CIE-LCH	84.201, 30.913, 228.905
CIE-LUV	84.201, -41.704, -34.342
Hunter-Lab	80.283, -22.622, -19.552
Binary	10000000, 11011111, 11111101

#80dffd
```
#80dffd rgb(128,223,253)
```
#fd9e80
```
#fd9e80 rgb(253,158,128)
```

Complementary Color

#80fddd
```
#80fddd rgb(128,253,221)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```

Analogous Color

#fddd80
```
#fddd80 rgb(253,221,128)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#fd80a1
```
#fd80a1 rgb(253,128,161)
```

Split Complementary Color

#dffd80
```
#dffd80 rgb(223,253,128)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#fd80df
```
#fd80df rgb(253,128,223)
```

Triadic Color

#80fd9e
```
#80fd9e rgb(128,253,158)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#fd80df
```
#fd80df rgb(253,128,223)
```
#fd9e80
```
#fd9e80 rgb(253,158,128)
```

Tetradic Color

#35ccfc
```
#35ccfc rgb(53,204,252)
```
#4ed2fc
```
#4ed2fc rgb(78,210,252)
```
#67d9fd
```
#67d9fd rgb(103,217,253)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#99e5fd
```
#99e5fd rgb(153,229,253)
```
#b2ecfe
```
#b2ecfe rgb(178,236,254)
```
#cbf2fe
```
#cbf2fe rgb(203,242,254)
```

Monochromatic Color

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

#80fdfc
```
#80fdfc rgb(128,253,252)
```
#80f4fd
```
#80f4fd rgb(128,244,253)
```
#80e9fd
```
#80e9fd rgb(128,233,253)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#80d5fd
```
#80d5fd rgb(128,213,253)
```
#80cafd
```
#80cafd rgb(128,202,253)
```
#80c0fd
```
#80c0fd rgb(128,192,253)
```

Similar Colors

Text with hexadecimal color #80dffd

This text has a font color of #80dffd.

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

#80dffd background color

This paragraph has a background color of #80dffd.

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

#80dffd border color

This element has a border color of #80dffd.

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

CSS codes

.text {color:#80dffd;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00151b
```
#00151b rgb(0,21,27)
```
#01242f
```
#01242f rgb(1,36,47)
```
#013242
```
#013242 rgb(1,50,66)
```
#014155
```
#014155 rgb(1,65,85)
```
#025069
```
#025069 rgb(2,80,105)
```
#025f7c
```
#025f7c rgb(2,95,124)
```
#026d8f
```
#026d8f rgb(2,109,143)
```
#037ca3
```
#037ca3 rgb(3,124,163)
```
#038bb6
```
#038bb6 rgb(3,139,182)
```
#039ac9
```
#039ac9 rgb(3,154,201)
```
#03a8dd
```
#03a8dd rgb(3,168,221)
```
#04b7f0
```
#04b7f0 rgb(4,183,240)
```

Shade Color Variation

#0cc2fb
```
#0cc2fb rgb(12,194,251)
```
#1fc7fb
```
#1fc7fb rgb(31,199,251)
```
#33ccfc
```
#33ccfc rgb(51,204,252)
```
#46d0fc
```
#46d0fc rgb(70,208,252)
```
#59d5fc
```
#59d5fc rgb(89,213,252)
```
#6ddafd
```
#6ddafd rgb(109,218,253)
```
#80dffd
```
#80dffd rgb(128,223,253)
```
#93e4fd
```
#93e4fd rgb(147,228,253)
```
#a7e9fe
```
#a7e9fe rgb(167,233,254)
```
#baeefe
```
#baeefe rgb(186,238,254)
```
#cdf2fe
```
#cdf2fe rgb(205,242,254)
```
#e1f7ff
```
#e1f7ff rgb(225,247,255)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#bcc0c1
```
#bcc0c1 rgb(188,192,193)
```
#b7c3c6
```
#b7c3c6 rgb(183,195,198)
```
#b2c5cb
```
#b2c5cb rgb(178,197,203)
```
#adc8d0
```
#adc8d0 rgb(173,200,208)
```
#a8cad5
```
#a8cad5 rgb(168,202,213)
```
#a3cdda
```
#a3cdda rgb(163,205,218)
```
#9ed0df
```
#9ed0df rgb(158,208,223)
```
#99d2e4
```
#99d2e4 rgb(153,210,228)
```
#94d5e9
```
#94d5e9 rgb(148,213,233)
```
#8fd7ee
```
#8fd7ee rgb(143,215,238)
```
#8adaf3
```
#8adaf3 rgb(138,218,243)
```
#85dcf8
```
#85dcf8 rgb(133,220,248)
```
#80dffd
```
#80dffd rgb(128,223,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b8cbd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd2f4 Protanopia 1% of men
#cfd0ff Deuteranopia 1% of men
#82e2f2 Tritanopia 0.001% of the population

Trichromacy

#b1d7f7 Protanomaly 1% of men, 0.01% of women
#b2d5fe Deuteranomaly 6% of men, 0.4% of women
#81e1f6 Tritanomaly 0.01% of the population

#80dffd hex color

#80dffd Color Information

#80dffd Color Conversion

Color Schemes with #80dffd

Alternatives to #80dffd

#80dffd Preview

Shades and Tints of #80dffd

Tones of #80dffd

Color Blindness Simulator