#80d8df hex color

In a RGB color space, hex #80d8df is composed of 50.2% red, 84.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 3.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 184.4 degrees, a saturation of 59.7% and a lightness of 68.8%. #80d8df color hex could be obtained by blending #ffffff with #01b1bf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 85
- B 87
RGB color chart
- C 43
- M 3
- Y 0
- K 13
CMYK color chart

● #80d8df color description : Very soft cyan.

The hexadecimal color #80d8df has RGB values of R:128, G:216, B:223 and CMYK values of C:0.43, M:0.03, Y:0, K:0.13. Its decimal value is 8444127.

Hex triplet	80d8df	`#80d8df`
RGB Decimal	128, 216, 223	`rgb(128,216,223)`
RGB Percent	50.2, 84.7, 87.5	`rgb(50.2%,84.7%,87.5%)`
CMYK	43, 3, 0, 13
HSL	184.4°, 59.7, 68.8	`hsl(184.4,59.7%,68.8%)`
HSV (or HSB)	184.4°, 42.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.306, -24.67, -11.747
XYZ	46.774, 59.026, 78.736
xyY	0.253, 0.32, 59.026
CIE-LCH	81.306, 27.324, 205.462
CIE-LUV	81.306, -39.855, -14.436
Hunter-Lab	76.828, -25.777, -6.983
Binary	10000000, 11011000, 11011111

#80d8df
```
#80d8df rgb(128,216,223)
```
#df8780
```
#df8780 rgb(223,135,128)
```

Complementary Color

#80dfb7
```
#80dfb7 rgb(128,223,183)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#80a9df
```
#80a9df rgb(128,169,223)
```

Analogous Color

#dfb780
```
#dfb780 rgb(223,183,128)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#df80a9
```
#df80a9 rgb(223,128,169)
```

Split Complementary Color

#d8df80
```
#d8df80 rgb(216,223,128)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#df80d8
```
#df80d8 rgb(223,128,216)
```

Triadic Color

#80df87
```
#80df87 rgb(128,223,135)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#df80d8
```
#df80d8 rgb(223,128,216)
```
#df8780
```
#df8780 rgb(223,135,128)
```

Tetradic Color

#43c5d0
```
#43c5d0 rgb(67,197,208)
```
#57cbd5
```
#57cbd5 rgb(87,203,213)
```
#6cd2da
```
#6cd2da rgb(108,210,218)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#94dee4
```
#94dee4 rgb(148,222,228)
```
#a9e5e9
```
#a9e5e9 rgb(169,229,233)
```
#bdebee
```
#bdebee rgb(189,235,238)
```

Monochromatic Color

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

#80dfce
```
#80dfce rgb(128,223,206)
```
#80dfd6
```
#80dfd6 rgb(128,223,214)
```
#80dfde
```
#80dfde rgb(128,223,222)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#80d0df
```
#80d0df rgb(128,208,223)
```
#80c8df
```
#80c8df rgb(128,200,223)
```
#80c0df
```
#80c0df rgb(128,192,223)
```

Similar Colors

Text with hexadecimal color #80d8df

This text has a font color of #80d8df.

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

#80d8df background color

This paragraph has a background color of #80d8df.

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

#80d8df border color

This element has a border color of #80d8df.

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

CSS codes

.text {color:#80d8df;}

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

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

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, #040d0e is the darkest color, while #fdfeff is the lightest one.

#040d0e
```
#040d0e rgb(4,13,14)
```
#071c1e
```
#071c1e rgb(7,28,30)
```
#0b2b2d
```
#0b2b2d rgb(11,43,45)
```
#0f3a3d
```
#0f3a3d rgb(15,58,61)
```
#13484d
```
#13484d rgb(19,72,77)
```
#17575c
```
#17575c rgb(23,87,92)
```
#1b666c
```
#1b666c rgb(27,102,108)
```
#1f757c
```
#1f757c rgb(31,117,124)
```
#23848b
```
#23848b rgb(35,132,139)
```
#27929b
```
#27929b rgb(39,146,155)
```
#2ba1ab
```
#2ba1ab rgb(43,161,171)
```
#2fb0ba
```
#2fb0ba rgb(47,176,186)
```
#33bfca
```
#33bfca rgb(51,191,202)
```

Shade Color Variation

#41c5cf
```
#41c5cf rgb(65,197,207)
```
#51cad3
```
#51cad3 rgb(81,202,211)
```
#61ced7
```
#61ced7 rgb(97,206,215)
```
#70d3db
```
#70d3db rgb(112,211,219)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#90dde3
```
#90dde3 rgb(144,221,227)
```
#9fe2e7
```
#9fe2e7 rgb(159,226,231)
```
#afe6eb
```
#afe6eb rgb(175,230,235)
```
#bfebef
```
#bfebef rgb(191,235,239)
```
#cef0f3
```
#cef0f3 rgb(206,240,243)
```
#def5f7
```
#def5f7 rgb(222,245,247)
```
#eefafb
```
#eefafb rgb(238,250,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#abb4b4
```
#abb4b4 rgb(171,180,180)
```
#a5b9ba
```
#a5b9ba rgb(165,185,186)
```
#9fbec0
```
#9fbec0 rgb(159,190,192)
```
#98c3c7
```
#98c3c7 rgb(152,195,199)
```
#92c8cd
```
#92c8cd rgb(146,200,205)
```
#8cced3
```
#8cced3 rgb(140,206,211)
```
#86d3d9
```
#86d3d9 rgb(134,211,217)
```
#80d8df
```
#80d8df rgb(128,216,223)
```
#7adde5
```
#7adde5 rgb(122,221,229)
```
#74e2eb
```
#74e2eb rgb(116,226,235)
```
#6ee8f1
```
#6ee8f1 rgb(110,232,241)
```
#68edf7
```
#68edf7 rgb(104,237,247)
```
#61f2fe
```
#61f2fe rgb(97,242,254)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b2c3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbd8 Protanopia 1% of men
#d2c7e7 Deuteranopia 1% of men
#89d8e8 Tritanopia 0.001% of the population

Trichromacy

#b0d0da Protanomaly 1% of men, 0.01% of women
#b4cde4 Deuteranomaly 6% of men, 0.4% of women
#86d8e5 Tritanomaly 0.01% of the population

#80d8df hex color

#80d8df Color Information

#80d8df Color Conversion

Color Schemes with #80d8df

Alternatives to #80d8df

#80d8df Preview

Shades and Tints of #80d8df

Tones of #80d8df

Color Blindness Simulator