#80a4c8 hex color

In a RGB color space, hex #80a4c8 is composed of 50.2% red, 64.3% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 18% magenta, 0% yellow and 21.6% black. It has a hue angle of 210 degrees, a saturation of 39.6% and a lightness of 64.3%. #80a4c8 color hex could be obtained by blending #ffffff with #014991. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 64
- B 78
RGB color chart
- C 36
- M 18
- Y 0
- K 22
CMYK color chart

● #80a4c8 color description : Slightly desaturated blue.

The hexadecimal color #80a4c8 has RGB values of R:128, G:164, B:200 and CMYK values of C:0.36, M:0.18, Y:0, K:0.22. Its decimal value is 8430792.

Hex triplet	80a4c8	`#80a4c8`
RGB Decimal	128, 164, 200	`rgb(128,164,200)`
RGB Percent	50.2, 64.3, 78.4	`rgb(50.2%,64.3%,78.4%)`
CMYK	36, 18, 0, 22
HSL	210°, 39.6, 64.3	`hsl(210,39.6%,64.3%)`
HSV (or HSB)	210°, 36, 78.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.989, -3.401, -22.37
XYZ	32.601, 35.309, 59.738
xyY	0.255, 0.277, 35.309
CIE-LCH	65.989, 22.627, 261.355
CIE-LUV	65.989, -18.843, -34.093
Hunter-Lab	59.421, -6.057, -18.011
Binary	10000000, 10100100, 11001000

#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#c8a480
```
#c8a480 rgb(200,164,128)
```

Complementary Color

#80c8c8
```
#80c8c8 rgb(128,200,200)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#8080c8
```
#8080c8 rgb(128,128,200)
```

Analogous Color

#c8c880
```
#c8c880 rgb(200,200,128)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#c88080
```
#c88080 rgb(200,128,128)
```

Split Complementary Color

#a4c880
```
#a4c880 rgb(164,200,128)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#c880a4
```
#c880a4 rgb(200,128,164)
```

Triadic Color

#80c8a4
```
#80c8a4 rgb(128,200,164)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#c880a4
```
#c880a4 rgb(200,128,164)
```
#c8a480
```
#c8a480 rgb(200,164,128)
```

Tetradic Color

#4c7eaf
```
#4c7eaf rgb(76,126,175)
```
#5c8bb9
```
#5c8bb9 rgb(92,139,185)
```
#6e97c0
```
#6e97c0 rgb(110,151,192)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#92b1d0
```
#92b1d0 rgb(146,177,208)
```
#a4bed7
```
#a4bed7 rgb(164,190,215)
```
#b5cadf
```
#b5cadf rgb(181,202,223)
```

Monochromatic Color

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

#80b6c8
```
#80b6c8 rgb(128,182,200)
```
#80b0c8
```
#80b0c8 rgb(128,176,200)
```
#80aac8
```
#80aac8 rgb(128,170,200)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#809ec8
```
#809ec8 rgb(128,158,200)
```
#8098c8
```
#8098c8 rgb(128,152,200)
```
#8092c8
```
#8092c8 rgb(128,146,200)
```

Similar Colors

Text with hexadecimal color #80a4c8

This text has a font color of #80a4c8.

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

#80a4c8 background color

This paragraph has a background color of #80a4c8.

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

#80a4c8 border color

This element has a border color of #80a4c8.

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

CSS codes

.text {color:#80a4c8;}

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

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

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#101b25
```
#101b25 rgb(16,27,37)
```
#162533
```
#162533 rgb(22,37,51)
```
#1c2e41
```
#1c2e41 rgb(28,46,65)
```
#22384e
```
#22384e rgb(34,56,78)
```
#28425c
```
#28425c rgb(40,66,92)
```
#2e4c6a
```
#2e4c6a rgb(46,76,106)
```
#345677
```
#345677 rgb(52,86,119)
```
#3a5f85
```
#3a5f85 rgb(58,95,133)
```
#406993
```
#406993 rgb(64,105,147)
```
#4573a0
```
#4573a0 rgb(69,115,160)
```
#4b7dae
```
#4b7dae rgb(75,125,174)
```

Shade Color Variation

#5787b6
```
#5787b6 rgb(87,135,182)
```
#6590bc
```
#6590bc rgb(101,144,188)
```
#729ac2
```
#729ac2 rgb(114,154,194)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#8eaece
```
#8eaece rgb(142,174,206)
```
#9bb8d4
```
#9bb8d4 rgb(155,184,212)
```
#a9c1da
```
#a9c1da rgb(169,193,218)
```
#b7cbe0
```
#b7cbe0 rgb(183,203,224)
```
#c4d5e6
```
#c4d5e6 rgb(196,213,230)
```
#d2dfec
```
#d2dfec rgb(210,223,236)
```
#e0e9f1
```
#e0e9f1 rgb(224,233,241)
```
#eef2f7
```
#eef2f7 rgb(238,242,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#a3a4a5
```
#a3a4a5 rgb(163,164,165)
```
#9ca4ac
```
#9ca4ac rgb(156,164,172)
```
#95a4b3
```
#95a4b3 rgb(149,164,179)
```
#8ea4ba
```
#8ea4ba rgb(142,164,186)
```
#87a4c1
```
#87a4c1 rgb(135,164,193)
```
#80a4c8
```
#80a4c8 rgb(128,164,200)
```
#79a4cf
```
#79a4cf rgb(121,164,207)
```
#72a4d6
```
#72a4d6 rgb(114,164,214)
```
#6ba4dd
```
#6ba4dd rgb(107,164,221)
```
#64a4e4
```
#64a4e4 rgb(100,164,228)
```
#5da4eb
```
#5da4eb rgb(93,164,235)
```
#56a4f2
```
#56a4f2 rgb(86,164,242)
```
#4fa4f9
```
#4fa4f9 rgb(79,164,249)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#979ea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c7 Protanopia 1% of men
#9ea2cd Deuteranopia 1% of men
#81acb8 Tritanopia 0.001% of the population

Trichromacy

#92a3c7 Protanomaly 1% of men, 0.01% of women
#93a3cb Deuteranomaly 6% of men, 0.4% of women
#80a9be Tritanomaly 0.01% of the population

#80a4c8 hex color

#80a4c8 Color Information

#80a4c8 Color Conversion

Color Schemes with #80a4c8

Alternatives to #80a4c8

#80a4c8 Preview

Shades and Tints of #80a4c8

Tones of #80a4c8

Color Blindness Simulator