#80a8d5 hex color

In a RGB color space, hex #80a8d5 is composed of 50.2% red, 65.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 21.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 211.8 degrees, a saturation of 50.3% and a lightness of 66.9%. #80a8d5 color hex could be obtained by blending #ffffff with #0151ab. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 66
- B 84
RGB color chart
- C 40
- M 21
- Y 0
- K 16
CMYK color chart

● #80a8d5 color description : Slightly desaturated blue.

The hexadecimal color #80a8d5 has RGB values of R:128, G:168, B:213 and CMYK values of C:0.4, M:0.21, Y:0, K:0.16. Its decimal value is 8431829.

Hex triplet	80a8d5	`#80a8d5`
RGB Decimal	128, 168, 213	`rgb(128,168,213)`
RGB Percent	50.2, 65.9, 83.5	`rgb(50.2%,65.9%,83.5%)`
CMYK	40, 21, 0, 16
HSL	211.8°, 50.3, 66.9	`hsl(211.8,50.3%,66.9%)`
HSV (or HSB)	211.8°, 39.9, 83.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.574, -2.15, -27.134
XYZ	34.912, 37.397, 68.326
xyY	0.248, 0.266, 37.397
CIE-LCH	67.574, 27.219, 265.47
CIE-LUV	67.574, -20.612, -42.222
Hunter-Lab	61.153, -5.113, -23.437
Binary	10000000, 10101000, 11010101

#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#d5ad80
```
#d5ad80 rgb(213,173,128)
```

Complementary Color

#80d3d5
```
#80d3d5 rgb(128,211,213)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#8380d5
```
#8380d5 rgb(131,128,213)
```

Analogous Color

#d3d580
```
#d3d580 rgb(211,213,128)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#d58380
```
#d58380 rgb(213,131,128)
```

Split Complementary Color

#a8d580
```
#a8d580 rgb(168,213,128)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```

Triadic Color

#80d5ad
```
#80d5ad rgb(128,213,173)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#d580a8
```
#d580a8 rgb(213,128,168)
```
#d5ad80
```
#d5ad80 rgb(213,173,128)
```

Tetradic Color

#4781c2
```
#4781c2 rgb(71,129,194)
```
#5a8ec8
```
#5a8ec8 rgb(90,142,200)
```
#6d9bcf
```
#6d9bcf rgb(109,155,207)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#93b5db
```
#93b5db rgb(147,181,219)
```
#a6c2e2
```
#a6c2e2 rgb(166,194,226)
```
#b9cfe8
```
#b9cfe8 rgb(185,207,232)
```

Monochromatic Color

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

#80bdd5
```
#80bdd5 rgb(128,189,213)
```
#80b6d5
```
#80b6d5 rgb(128,182,213)
```
#80afd5
```
#80afd5 rgb(128,175,213)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#80a1d5
```
#80a1d5 rgb(128,161,213)
```
#809ad5
```
#809ad5 rgb(128,154,213)
```
#8093d5
```
#8093d5 rgb(128,147,213)
```

Similar Colors

Text with hexadecimal color #80a8d5

This text has a font color of #80a8d5.

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

#80a8d5 background color

This paragraph has a background color of #80a8d5.

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

#80a8d5 border color

This element has a border color of #80a8d5.

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

CSS codes

.text {color:#80a8d5;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0c1723
```
#0c1723 rgb(12,23,35)
```
#102032
```
#102032 rgb(16,32,50)
```
#152a41
```
#152a41 rgb(21,42,65)
```
#1a334f
```
#1a334f rgb(26,51,79)
```
#1f3d5e
```
#1f3d5e rgb(31,61,94)
```
#24466d
```
#24466d rgb(36,70,109)
```
#29507c
```
#29507c rgb(41,80,124)
```
#2e598a
```
#2e598a rgb(46,89,138)
```
#336399
```
#336399 rgb(51,99,153)
```
#376ca8
```
#376ca8 rgb(55,108,168)
```
#3c76b7
```
#3c76b7 rgb(60,118,183)
```

Shade Color Variation

#4580c2
```
#4580c2 rgb(69,128,194)
```
#548ac6
```
#548ac6 rgb(84,138,198)
```
#6394cb
```
#6394cb rgb(99,148,203)
```
#719ed0
```
#719ed0 rgb(113,158,208)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#8fb2da
```
#8fb2da rgb(143,178,218)
```
#9dbcdf
```
#9dbcdf rgb(157,188,223)
```
#acc6e4
```
#acc6e4 rgb(172,198,228)
```
#bbd0e8
```
#bbd0e8 rgb(187,208,232)
```
#cadaed
```
#cadaed rgb(202,218,237)
```
#d8e5f2
```
#d8e5f2 rgb(216,229,242)
```
#e7eff7
```
#e7eff7 rgb(231,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#a7aaae
```
#a7aaae rgb(167,170,174)
```
#a1aab5
```
#a1aab5 rgb(161,170,181)
```
#9aaabb
```
#9aaabb rgb(154,170,187)
```
#94a9c2
```
#94a9c2 rgb(148,169,194)
```
#8da9c8
```
#8da9c8 rgb(141,169,200)
```
#87a8cf
```
#87a8cf rgb(135,168,207)
```
#80a8d5
```
#80a8d5 rgb(128,168,213)
```
#7aa8dc
```
#7aa8dc rgb(122,168,220)
```
#73a7e2
```
#73a7e2 rgb(115,167,226)
```
#6da7e9
```
#6da7e9 rgb(109,167,233)
```
#66a6ef
```
#66a6ef rgb(102,166,239)
```
#60a6f6
```
#60a6f6 rgb(96,166,246)
```
#59a6fc
```
#59a6fc rgb(89,166,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9aa2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da7d3 Protanopia 1% of men
#9da6d9 Deuteranopia 1% of men
#7eb1be Tritanopia 0.001% of the population

Trichromacy

#92a7d4 Protanomaly 1% of men, 0.01% of women
#92a7d7 Deuteranomaly 6% of men, 0.4% of women
#7fadc6 Tritanomaly 0.01% of the population

#80a8d5 hex color

#80a8d5 Color Information

#80a8d5 Color Conversion

Color Schemes with #80a8d5

Alternatives to #80a8d5

#80a8d5 Preview

Shades and Tints of #80a8d5

Tones of #80a8d5

Color Blindness Simulator