#80a1e2 hex color

In a RGB color space, hex #80a1e2 is composed of 50.2% red, 63.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 28.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 219.8 degrees, a saturation of 62.8% and a lightness of 69.4%. #80a1e2 color hex could be obtained by blending #ffffff with #0143c5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 63
- B 89
RGB color chart
- C 43
- M 29
- Y 0
- K 11
CMYK color chart

● #80a1e2 color description : Very soft blue.

The hexadecimal color #80a1e2 has RGB values of R:128, G:161, B:226 and CMYK values of C:0.43, M:0.29, Y:0, K:0.11. Its decimal value is 8430050.

Hex triplet	80a1e2	`#80a1e2`
RGB Decimal	128, 161, 226	`rgb(128,161,226)`
RGB Percent	50.2, 63.1, 88.6	`rgb(50.2%,63.1%,88.6%)`
CMYK	43, 29, 0, 11
HSL	219.8°, 62.8, 69.4	`hsl(219.8,62.8%,69.4%)`
HSV (or HSB)	219.8°, 43.4, 88.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.189, 5.383, -36.442
XYZ	35.371, 35.569, 76.949
xyY	0.239, 0.241, 35.569
CIE-LCH	66.189, 36.837, 278.403
CIE-LUV	66.189, -18.006, -58.566
Hunter-Lab	59.639, 1.498, -34.751
Binary	10000000, 10100001, 11100010

#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#e2c180
```
#e2c180 rgb(226,193,128)
```

Complementary Color

#80d2e2
```
#80d2e2 rgb(128,210,226)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#9080e2
```
#9080e2 rgb(144,128,226)
```

Analogous Color

#d2e280
```
#d2e280 rgb(210,226,128)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#e29080
```
#e29080 rgb(226,144,128)
```

Split Complementary Color

#a1e280
```
#a1e280 rgb(161,226,128)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#e280a1
```
#e280a1 rgb(226,128,161)
```

Triadic Color

#80e2c1
```
#80e2c1 rgb(128,226,193)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#e280a1
```
#e280a1 rgb(226,128,161)
```
#e2c180
```
#e2c180 rgb(226,193,128)
```

Tetradic Color

#4273d4
```
#4273d4 rgb(66,115,212)
```
#5682d9
```
#5682d9 rgb(86,130,217)
```
#6b92dd
```
#6b92dd rgb(107,146,221)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#95b0e7
```
#95b0e7 rgb(149,176,231)
```
#aac0eb
```
#aac0eb rgb(170,192,235)
```
#becff0
```
#becff0 rgb(190,207,240)
```

Monochromatic Color

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

#80bae2
```
#80bae2 rgb(128,186,226)
```
#80b1e2
```
#80b1e2 rgb(128,177,226)
```
#80a9e2
```
#80a9e2 rgb(128,169,226)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#8099e2
```
#8099e2 rgb(128,153,226)
```
#8091e2
```
#8091e2 rgb(128,145,226)
```
#8089e2
```
#8089e2 rgb(128,137,226)
```

Similar Colors

Text with hexadecimal color #80a1e2

This text has a font color of #80a1e2.

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

#80a1e2 background color

This paragraph has a background color of #80a1e2.

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

#80a1e2 border color

This element has a border color of #80a1e2.

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

CSS codes

.text {color:#80a1e2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#071021
```
#071021 rgb(7,16,33)
```
#0b1831
```
#0b1831 rgb(11,24,49)
```
#0f2041
```
#0f2041 rgb(15,32,65)
```
#122751
```
#122751 rgb(18,39,81)
```
#162f61
```
#162f61 rgb(22,47,97)
```
#1a3771
```
#1a3771 rgb(26,55,113)
```
#1d3f81
```
#1d3f81 rgb(29,63,129)
```
#214790
```
#214790 rgb(33,71,144)
```
#254ea0
```
#254ea0 rgb(37,78,160)
```
#2856b0
```
#2856b0 rgb(40,86,176)
```
#2c5ec0
```
#2c5ec0 rgb(44,94,192)
```

Shade Color Variation

#3066d0
```
#3066d0 rgb(48,102,208)
```
#4072d3
```
#4072d3 rgb(64,114,211)
```
#507ed7
```
#507ed7 rgb(80,126,215)
```
#6089db
```
#6089db rgb(96,137,219)
```
#7095de
```
#7095de rgb(112,149,222)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#90ade6
```
#90ade6 rgb(144,173,230)
```
#a0b9e9
```
#a0b9e9 rgb(160,185,233)
```
#b0c4ed
```
#b0c4ed rgb(176,196,237)
```
#c0d0f1
```
#c0d0f1 rgb(192,208,241)
```
#d0dcf4
```
#d0dcf4 rgb(208,220,244)
```
#e0e8f8
```
#e0e8f8 rgb(224,232,248)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#b0b1b2
```
#b0b1b2 rgb(176,177,178)
```
#aaafb8
```
#aaafb8 rgb(170,175,184)
```
#a4adbe
```
#a4adbe rgb(164,173,190)
```
#9eabc4
```
#9eabc4 rgb(158,171,196)
```
#98a9ca
```
#98a9ca rgb(152,169,202)
```
#92a7d0
```
#92a7d0 rgb(146,167,208)
```
#8ca5d6
```
#8ca5d6 rgb(140,165,214)
```
#86a3dc
```
#86a3dc rgb(134,163,220)
```
#80a1e2
```
#80a1e2 rgb(128,161,226)
```
#7a9fe8
```
#7a9fe8 rgb(122,159,232)
```
#749dee
```
#749dee rgb(116,157,238)
```
#6e9bf4
```
#6e9bf4 rgb(110,155,244)
```
#6899fa
```
#6899fa rgb(104,153,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#999fac Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a3e1 Protanopia 1% of men
#8ca4e4 Deuteranopia 1% of men
#78aeba Tritanopia 0.001% of the population

Trichromacy

#8aa2e1 Protanomaly 1% of men, 0.01% of women
#88a3e3 Deuteranomaly 6% of men, 0.4% of women
#7ba9c9 Tritanomaly 0.01% of the population

#80a1e2 hex color

#80a1e2 Color Information

#80a1e2 Color Conversion

Color Schemes with #80a1e2

Alternatives to #80a1e2

#80a1e2 Preview

Shades and Tints of #80a1e2

Tones of #80a1e2

Color Blindness Simulator