#80aaec hex color

In a RGB color space, hex #80aaec is composed of 50.2% red, 66.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 28% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.7 degrees, a saturation of 74% and a lightness of 71.4%. #80aaec color hex could be obtained by blending #ffffff with #0155d9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 67
- B 93
RGB color chart
- C 46
- M 28
- Y 0
- K 7
CMYK color chart

● #80aaec color description : Soft blue.

The hexadecimal color #80aaec has RGB values of R:128, G:170, B:236 and CMYK values of C:0.46, M:0.28, Y:0, K:0.07. Its decimal value is 8432364.

Hex triplet	80aaec	`#80aaec`
RGB Decimal	128, 170, 236	`rgb(128,170,236)`
RGB Percent	50.2, 66.7, 92.5	`rgb(50.2%,66.7%,92.5%)`
CMYK	46, 28, 0, 7
HSL	216.7°, 74, 71.4	`hsl(216.7,74%,71.4%)`
HSV (or HSB)	216.7°, 45.8, 92.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.035, 3.144, -37.493
XYZ	38.414, 39.393, 84.932
xyY	0.236, 0.242, 39.393
CIE-LCH	69.035, 37.625, 274.794
CIE-LUV	69.035, -21.577, -60.42
Hunter-Lab	62.764, -0.588, -36.296
Binary	10000000, 10101010, 11101100

#80aaec
```
#80aaec rgb(128,170,236)
```
#ecc280
```
#ecc280 rgb(236,194,128)
```

Complementary Color

#80e0ec
```
#80e0ec rgb(128,224,236)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#8c80ec
```
#8c80ec rgb(140,128,236)
```

Analogous Color

#e0ec80
```
#e0ec80 rgb(224,236,128)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#ec8c80
```
#ec8c80 rgb(236,140,128)
```

Split Complementary Color

#aaec80
```
#aaec80 rgb(170,236,128)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#ec80aa
```
#ec80aa rgb(236,128,170)
```

Triadic Color

#80ecc2
```
#80ecc2 rgb(128,236,194)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#ec80aa
```
#ec80aa rgb(236,128,170)
```
#ecc280
```
#ecc280 rgb(236,194,128)
```

Tetradic Color

#3d7de2
```
#3d7de2 rgb(61,125,226)
```
#548ce5
```
#548ce5 rgb(84,140,229)
```
#6a9be9
```
#6a9be9 rgb(106,155,233)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#96b9ef
```
#96b9ef rgb(150,185,239)
```
#acc8f3
```
#acc8f3 rgb(172,200,243)
```
#c3d7f6
```
#c3d7f6 rgb(195,215,246)
```

Monochromatic Color

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

#80c5ec
```
#80c5ec rgb(128,197,236)
```
#80bcec
```
#80bcec rgb(128,188,236)
```
#80b3ec
```
#80b3ec rgb(128,179,236)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#80a1ec
```
#80a1ec rgb(128,161,236)
```
#8098ec
```
#8098ec rgb(128,152,236)
```
#808fec
```
#808fec rgb(128,143,236)
```

Similar Colors

Text with hexadecimal color #80aaec

This text has a font color of #80aaec.

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

#80aaec background color

This paragraph has a background color of #80aaec.

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

#80aaec border color

This element has a border color of #80aaec.

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

CSS codes

.text {color:#80aaec;}

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

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

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

#01050a
```
#01050a rgb(1,5,10)
```
#040d1b
```
#040d1b rgb(4,13,27)
```
#07152c
```
#07152c rgb(7,21,44)
```
#091d3d
```
#091d3d rgb(9,29,61)
```
#0c254e
```
#0c254e rgb(12,37,78)
```
#0e2e5f
```
#0e2e5f rgb(14,46,95)
```
#113670
```
#113670 rgb(17,54,112)
```
#133e81
```
#133e81 rgb(19,62,129)
```
#164692
```
#164692 rgb(22,70,146)
```
#184ea3
```
#184ea3 rgb(24,78,163)
```
#1b57b4
```
#1b57b4 rgb(27,87,180)
```
#1e5fc5
```
#1e5fc5 rgb(30,95,197)
```
#2067d6
```
#2067d6 rgb(32,103,214)
```

Shade Color Variation

#2b71df
```
#2b71df rgb(43,113,223)
```
#3c7ce2
```
#3c7ce2 rgb(60,124,226)
```
#4d88e4
```
#4d88e4 rgb(77,136,228)
```
#5e93e7
```
#5e93e7 rgb(94,147,231)
```
#6f9fe9
```
#6f9fe9 rgb(111,159,233)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#91b5ef
```
#91b5ef rgb(145,181,239)
```
#a2c1f1
```
#a2c1f1 rgb(162,193,241)
```
#b3ccf4
```
#b3ccf4 rgb(179,204,244)
```
#c4d8f6
```
#c4d8f6 rgb(196,216,246)
```
#d5e3f9
```
#d5e3f9 rgb(213,227,249)
```
#e6effb
```
#e6effb rgb(230,239,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#b3b5b9
```
#b3b5b9 rgb(179,181,185)
```
#adb4bf
```
#adb4bf rgb(173,180,191)
```
#a7b3c5
```
#a7b3c5 rgb(167,179,197)
```
#a2b1ca
```
#a2b1ca rgb(162,177,202)
```
#9cb0d0
```
#9cb0d0 rgb(156,176,208)
```
#96afd6
```
#96afd6 rgb(150,175,214)
```
#91aedb
```
#91aedb rgb(145,174,219)
```
#8bace1
```
#8bace1 rgb(139,172,225)
```
#86abe6
```
#86abe6 rgb(134,171,230)
```
#80aaec
```
#80aaec rgb(128,170,236)
```
#7aa9f2
```
#7aa9f2 rgb(122,169,242)
```
#75a8f7
```
#75a8f7 rgb(117,168,247)
```
#6fa6fd
```
#6fa6fd rgb(111,166,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ea6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98aaea Protanopia 1% of men
#93abee Deuteranopia 1% of men
#77b6c3 Tritanopia 0.001% of the population

Trichromacy

#8faaeb Protanomaly 1% of men, 0.01% of women
#8caaed Deuteranomaly 6% of men, 0.4% of women
#7ab2d2 Tritanomaly 0.01% of the population

#80aaec hex color

#80aaec Color Information

#80aaec Color Conversion

Color Schemes with #80aaec

Alternatives to #80aaec

#80aaec Preview

Shades and Tints of #80aaec

Tones of #80aaec

Color Blindness Simulator