#80d5df hex color

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

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

● #80d5df color description : Very soft cyan.

The hexadecimal color #80d5df has RGB values of R:128, G:213, B:223 and CMYK values of C:0.43, M:0.04, Y:0, K:0.13. Its decimal value is 8443359.

Hex triplet	80d5df	`#80d5df`
RGB Decimal	128, 213, 223	`rgb(128,213,223)`
RGB Percent	50.2, 83.5, 87.5	`rgb(50.2%,83.5%,87.5%)`
CMYK	43, 4, 0, 13
HSL	186.3°, 59.7, 68.8	`hsl(186.3,59.7%,68.8%)`
HSV (or HSB)	186.3°, 42.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.462, -23.185, -13.009
XYZ	46.012, 57.503, 78.483
xyY	0.253, 0.316, 57.503
CIE-LCH	80.462, 26.585, 209.297
CIE-LUV	80.462, -38.659, -16.689
Hunter-Lab	75.831, -24.394, -8.282
Binary	10000000, 11010101, 11011111

#80d5df
```
#80d5df rgb(128,213,223)
```
#df8a80
```
#df8a80 rgb(223,138,128)
```

Complementary Color

#80dfba
```
#80dfba rgb(128,223,186)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#80a6df
```
#80a6df rgb(128,166,223)
```

Analogous Color

#dfba80
```
#dfba80 rgb(223,186,128)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#df80a6
```
#df80a6 rgb(223,128,166)
```

Split Complementary Color

#d5df80
```
#d5df80 rgb(213,223,128)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#df80d5
```
#df80d5 rgb(223,128,213)
```

Triadic Color

#80df8a
```
#80df8a rgb(128,223,138)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#df80d5
```
#df80d5 rgb(223,128,213)
```
#df8a80
```
#df8a80 rgb(223,138,128)
```

Tetradic Color

#43c1d0
```
#43c1d0 rgb(67,193,208)
```
#57c8d5
```
#57c8d5 rgb(87,200,213)
```
#6cceda
```
#6cceda rgb(108,206,218)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#94dce4
```
#94dce4 rgb(148,220,228)
```
#a9e2e9
```
#a9e2e9 rgb(169,226,233)
```
#bde9ee
```
#bde9ee rgb(189,233,238)
```

Monochromatic Color

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

#80dfd1
```
#80dfd1 rgb(128,223,209)
```
#80dfd9
```
#80dfd9 rgb(128,223,217)
```
#80dddf
```
#80dddf rgb(128,221,223)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#80cddf
```
#80cddf rgb(128,205,223)
```
#80c5df
```
#80c5df rgb(128,197,223)
```
#80bddf
```
#80bddf rgb(128,189,223)
```

Similar Colors

Text with hexadecimal color #80d5df

This text has a font color of #80d5df.

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

#80d5df background color

This paragraph has a background color of #80d5df.

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

#80d5df border color

This element has a border color of #80d5df.

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

CSS codes

.text {color:#80d5df;}

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

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

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)
```
#071b1e
```
#071b1e rgb(7,27,30)
```
#0b2a2d
```
#0b2a2d rgb(11,42,45)
```
#0f383d
```
#0f383d rgb(15,56,61)
```
#13474d
```
#13474d rgb(19,71,77)
```
#17555c
```
#17555c rgb(23,85,92)
```
#1b646c
```
#1b646c rgb(27,100,108)
```
#1f727c
```
#1f727c rgb(31,114,124)
```
#23808b
```
#23808b rgb(35,128,139)
```
#278f9b
```
#278f9b rgb(39,143,155)
```
#2b9dab
```
#2b9dab rgb(43,157,171)
```
#2facba
```
#2facba rgb(47,172,186)
```
#33baca
```
#33baca rgb(51,186,202)
```

Shade Color Variation

#41c0cf
```
#41c0cf rgb(65,192,207)
```
#51c5d3
```
#51c5d3 rgb(81,197,211)
```
#61cbd7
```
#61cbd7 rgb(97,203,215)
```
#70d0db
```
#70d0db rgb(112,208,219)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#90dae3
```
#90dae3 rgb(144,218,227)
```
#9fdfe7
```
#9fdfe7 rgb(159,223,231)
```
#afe5eb
```
#afe5eb rgb(175,229,235)
```
#bfeaef
```
#bfeaef rgb(191,234,239)
```
#ceeff3
```
#ceeff3 rgb(206,239,243)
```
#def4f7
```
#def4f7 rgb(222,244,247)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#abb3b4
```
#abb3b4 rgb(171,179,180)
```
#a5b8ba
```
#a5b8ba rgb(165,184,186)
```
#9fbdc0
```
#9fbdc0 rgb(159,189,192)
```
#98c2c7
```
#98c2c7 rgb(152,194,199)
```
#92c7cd
```
#92c7cd rgb(146,199,205)
```
#8ccbd3
```
#8ccbd3 rgb(140,203,211)
```
#86d0d9
```
#86d0d9 rgb(134,208,217)
```
#80d5df
```
#80d5df rgb(128,213,223)
```
#7adae5
```
#7adae5 rgb(122,218,229)
```
#74dfeb
```
#74dfeb rgb(116,223,235)
```
#6ee3f1
```
#6ee3f1 rgb(110,227,241)
```
#68e8f7
```
#68e8f7 rgb(104,232,247)
```
#61edfe
```
#61edfe rgb(97,237,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b1c2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c9d8 Protanopia 1% of men
#cfc5e6 Deuteranopia 1% of men
#88d6e5 Tritanopia 0.001% of the population

Trichromacy

#aecdda Protanomaly 1% of men, 0.01% of women
#b2cbe3 Deuteranomaly 6% of men, 0.4% of women
#85d5e3 Tritanomaly 0.01% of the population

#80d5df hex color

#80d5df Color Information

#80d5df Color Conversion

Color Schemes with #80d5df

Alternatives to #80d5df

#80d5df Preview

Shades and Tints of #80d5df

Tones of #80d5df

Color Blindness Simulator