#80b8df hex color

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

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

● #80b8df color description : Very soft blue.

The hexadecimal color #80b8df has RGB values of R:128, G:184, B:223 and CMYK values of C:0.43, M:0.17, Y:0, K:0.13. Its decimal value is 8435935.

Hex triplet	80b8df	`#80b8df`
RGB Decimal	128, 184, 223	`rgb(128,184,223)`
RGB Percent	50.2, 72.2, 87.5	`rgb(50.2%,72.2%,87.5%)`
CMYK	43, 17, 0, 13
HSL	204.6°, 59.7, 68.8	`hsl(204.6,59.7%,68.8%)`
HSV (or HSB)	204.6°, 42.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.359, -8.178, -25.273
XYZ	39.359, 44.196, 76.265
xyY	0.246, 0.277, 44.196
CIE-LCH	72.359, 26.564, 252.069
CIE-LUV	72.359, -27.048, -38.695
Hunter-Lab	66.48, -10.661, -21.48
Binary	10000000, 10111000, 11011111

#80b8df
```
#80b8df rgb(128,184,223)
```
#dfa780
```
#dfa780 rgb(223,167,128)
```

Complementary Color

#80dfd7
```
#80dfd7 rgb(128,223,215)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#8089df
```
#8089df rgb(128,137,223)
```

Analogous Color

#dfd780
```
#dfd780 rgb(223,215,128)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#df8089
```
#df8089 rgb(223,128,137)
```

Split Complementary Color

#b8df80
```
#b8df80 rgb(184,223,128)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#df80b8
```
#df80b8 rgb(223,128,184)
```

Triadic Color

#80dfa7
```
#80dfa7 rgb(128,223,167)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#df80b8
```
#df80b8 rgb(223,128,184)
```
#dfa780
```
#dfa780 rgb(223,167,128)
```

Tetradic Color

#4396d0
```
#4396d0 rgb(67,150,208)
```
#57a1d5
```
#57a1d5 rgb(87,161,213)
```
#6cadda
```
#6cadda rgb(108,173,218)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#94c3e4
```
#94c3e4 rgb(148,195,228)
```
#a9cfe9
```
#a9cfe9 rgb(169,207,233)
```
#bddaee
```
#bddaee rgb(189,218,238)
```

Monochromatic Color

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

#80d0df
```
#80d0df rgb(128,208,223)
```
#80c8df
```
#80c8df rgb(128,200,223)
```
#80c0df
```
#80c0df rgb(128,192,223)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#80b0df
```
#80b0df rgb(128,176,223)
```
#80a8df
```
#80a8df rgb(128,168,223)
```
#80a0df
```
#80a0df rgb(128,160,223)
```

Similar Colors

Text with hexadecimal color #80b8df

This text has a font color of #80b8df.

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

#80b8df background color

This paragraph has a background color of #80b8df.

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

#80b8df border color

This element has a border color of #80b8df.

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

CSS codes

.text {color:#80b8df;}

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

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

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

#040a0e
```
#040a0e rgb(4,10,14)
```
#07151e
```
#07151e rgb(7,21,30)
```
#0b1f2d
```
#0b1f2d rgb(11,31,45)
```
#0f2a3d
```
#0f2a3d rgb(15,42,61)
```
#13354d
```
#13354d rgb(19,53,77)
```
#17405c
```
#17405c rgb(23,64,92)
```
#1b4b6c
```
#1b4b6c rgb(27,75,108)
```
#1f567c
```
#1f567c rgb(31,86,124)
```
#23618b
```
#23618b rgb(35,97,139)
```
#276b9b
```
#276b9b rgb(39,107,155)
```
#2b76ab
```
#2b76ab rgb(43,118,171)
```
#2f81ba
```
#2f81ba rgb(47,129,186)
```
#338cca
```
#338cca rgb(51,140,202)
```

Shade Color Variation

#4195cf
```
#4195cf rgb(65,149,207)
```
#519ed3
```
#519ed3 rgb(81,158,211)
```
#61a6d7
```
#61a6d7 rgb(97,166,215)
```
#70afdb
```
#70afdb rgb(112,175,219)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#90c1e3
```
#90c1e3 rgb(144,193,227)
```
#9fcae7
```
#9fcae7 rgb(159,202,231)
```
#afd2eb
```
#afd2eb rgb(175,210,235)
```
#bfdbef
```
#bfdbef rgb(191,219,239)
```
#cee4f3
```
#cee4f3 rgb(206,228,243)
```
#deedf7
```
#deedf7 rgb(222,237,247)
```
#eef5fb
```
#eef5fb rgb(238,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#abb0b4
```
#abb0b4 rgb(171,176,180)
```
#a5b1ba
```
#a5b1ba rgb(165,177,186)
```
#9fb3c0
```
#9fb3c0 rgb(159,179,192)
```
#98b4c7
```
#98b4c7 rgb(152,180,199)
```
#92b5cd
```
#92b5cd rgb(146,181,205)
```
#8cb6d3
```
#8cb6d3 rgb(140,182,211)
```
#86b7d9
```
#86b7d9 rgb(134,183,217)
```
#80b8df
```
#80b8df rgb(128,184,223)
```
#7ab9e5
```
#7ab9e5 rgb(122,185,229)
```
#74baeb
```
#74baeb rgb(116,186,235)
```
#6ebbf1
```
#6ebbf1 rgb(110,187,241)
```
#68bcf7
```
#68bcf7 rgb(104,188,247)
```
#61bdfe
```
#61bdfe rgb(97,189,254)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a3aeb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb3db Protanopia 1% of men
#acb2e4 Deuteranopia 1% of men
#7fbfcd Tritanopia 0.001% of the population

Trichromacy

#9bb5dc Protanomaly 1% of men, 0.01% of women
#9cb4e2 Deuteranomaly 6% of men, 0.4% of women
#7fbcd3 Tritanomaly 0.01% of the population

#80b8df hex color

#80b8df Color Information

#80b8df Color Conversion

Color Schemes with #80b8df

Alternatives to #80b8df

#80b8df Preview

Shades and Tints of #80b8df

Tones of #80b8df

Color Blindness Simulator