#80aae4 hex color

In a RGB color space, hex #80aae4 is composed of 50.2% red, 66.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 43.9% cyan, 25.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 214.8 degrees, a saturation of 64.9% and a lightness of 69.8%. #80aae4 color hex could be obtained by blending #ffffff with #0155c9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 67
- B 89
RGB color chart
- C 44
- M 25
- Y 0
- K 11
CMYK color chart

● #80aae4 color description : Very soft blue.

The hexadecimal color #80aae4 has RGB values of R:128, G:170, B:228 and CMYK values of C:0.44, M:0.25, Y:0, K:0.11. Its decimal value is 8432356.

Hex triplet	80aae4	`#80aae4`
RGB Decimal	128, 170, 228	`rgb(128,170,228)`
RGB Percent	50.2, 66.7, 89.4	`rgb(50.2%,66.7%,89.4%)`
CMYK	44, 25, 0, 11
HSL	214.8°, 64.9, 69.8	`hsl(214.8,64.9%,69.8%)`
HSV (or HSB)	214.8°, 43.9, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.707, 0.877, -33.629
XYZ	37.277, 38.938, 78.946
xyY	0.24, 0.251, 38.938
CIE-LCH	68.707, 33.64, 271.494
CIE-LUV	68.707, -21.519, -53.576
Hunter-Lab	62.401, -2.568, -31.33
Binary	10000000, 10101010, 11100100

#80aae4
```
#80aae4 rgb(128,170,228)
```
#e4ba80
```
#e4ba80 rgb(228,186,128)
```

Complementary Color

#80dce4
```
#80dce4 rgb(128,220,228)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#8880e4
```
#8880e4 rgb(136,128,228)
```

Analogous Color

#dce480
```
#dce480 rgb(220,228,128)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#e48880
```
#e48880 rgb(228,136,128)
```

Split Complementary Color

#aae480
```
#aae480 rgb(170,228,128)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#e480aa
```
#e480aa rgb(228,128,170)
```

Triadic Color

#80e4ba
```
#80e4ba rgb(128,228,186)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#e480aa
```
#e480aa rgb(228,128,170)
```
#e4ba80
```
#e4ba80 rgb(228,186,128)
```

Tetradic Color

#4180d7
```
#4180d7 rgb(65,128,215)
```
#568edb
```
#568edb rgb(86,142,219)
```
#6b9ce0
```
#6b9ce0 rgb(107,156,224)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#95b8e8
```
#95b8e8 rgb(149,184,232)
```
#aac6ed
```
#aac6ed rgb(170,198,237)
```
#bfd4f1
```
#bfd4f1 rgb(191,212,241)
```

Monochromatic Color

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

#80c3e4
```
#80c3e4 rgb(128,195,228)
```
#80bbe4
```
#80bbe4 rgb(128,187,228)
```
#80b2e4
```
#80b2e4 rgb(128,178,228)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#80a2e4
```
#80a2e4 rgb(128,162,228)
```
#8099e4
```
#8099e4 rgb(128,153,228)
```
#8091e4
```
#8091e4 rgb(128,145,228)
```

Similar Colors

Text with hexadecimal color #80aae4

This text has a font color of #80aae4.

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

#80aae4 background color

This paragraph has a background color of #80aae4.

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

#80aae4 border color

This element has a border color of #80aae4.

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

CSS codes

.text {color:#80aae4;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#040a13
```
#040a13 rgb(4,10,19)
```
#071323
```
#071323 rgb(7,19,35)
```
#0b1c33
```
#0b1c33 rgb(11,28,51)
```
#0e2443
```
#0e2443 rgb(14,36,67)
```
#122d53
```
#122d53 rgb(18,45,83)
```
#153663
```
#153663 rgb(21,54,99)
```
#193f74
```
#193f74 rgb(25,63,116)
```
#1c4884
```
#1c4884 rgb(28,72,132)
```
#1f5094
```
#1f5094 rgb(31,80,148)
```
#2359a4
```
#2359a4 rgb(35,89,164)
```
#2662b4
```
#2662b4 rgb(38,98,180)
```
#2a6bc5
```
#2a6bc5 rgb(42,107,197)
```

Shade Color Variation

#2f74d3
```
#2f74d3 rgb(47,116,211)
```
#3f7fd6
```
#3f7fd6 rgb(63,127,214)
```
#4f8ada
```
#4f8ada rgb(79,138,218)
```
#6094dd
```
#6094dd rgb(96,148,221)
```
#709fe1
```
#709fe1 rgb(112,159,225)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#90b5e7
```
#90b5e7 rgb(144,181,231)
```
#a0c0eb
```
#a0c0eb rgb(160,192,235)
```
#b1caee
```
#b1caee rgb(177,202,238)
```
#c1d5f2
```
#c1d5f2 rgb(193,213,242)
```
#d1e0f5
```
#d1e0f5 rgb(209,224,245)
```
#e1ebf9
```
#e1ebf9 rgb(225,235,249)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

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

#afb2b5
```
#afb2b5 rgb(175,178,181)
```
#a9b1bb
```
#a9b1bb rgb(169,177,187)
```
#a4b0c0
```
#a4b0c0 rgb(164,176,192)
```
#9eafc6
```
#9eafc6 rgb(158,175,198)
```
#98aecc
```
#98aecc rgb(152,174,204)
```
#92add2
```
#92add2 rgb(146,173,210)
```
#8cacd8
```
#8cacd8 rgb(140,172,216)
```
#86abde
```
#86abde rgb(134,171,222)
```
#80aae4
```
#80aae4 rgb(128,170,228)
```
#7aa9ea
```
#7aa9ea rgb(122,169,234)
```
#74a8f0
```
#74a8f0 rgb(116,168,240)
```
#6ea7f6
```
#6ea7f6 rgb(110,167,246)
```
#68a6fc
```
#68a6fc rgb(104,166,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9da5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aaae2 Protanopia 1% of men
#97aae6 Deuteranopia 1% of men
#7ab5c2 Tritanopia 0.001% of the population

Trichromacy

#91aae3 Protanomaly 1% of men, 0.01% of women
#8faae5 Deuteranomaly 6% of men, 0.4% of women
#7cb1ce Tritanomaly 0.01% of the population

#80aae4 hex color

#80aae4 Color Information

#80aae4 Color Conversion

Color Schemes with #80aae4

Alternatives to #80aae4

#80aae4 Preview

Shades and Tints of #80aae4

Tones of #80aae4

Color Blindness Simulator