#80a3e8 hex color

In a RGB color space, hex #80a3e8 is composed of 50.2% red, 63.9% green and 91% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 29.7% magenta, 0% yellow and 9% black. It has a hue angle of 219.8 degrees, a saturation of 69.3% and a lightness of 70.6%. #80a3e8 color hex could be obtained by blending #ffffff with #0147d1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 64
- B 91
RGB color chart
- C 45
- M 30
- Y 0
- K 9
CMYK color chart

● #80a3e8 color description : Very soft blue.

The hexadecimal color #80a3e8 has RGB values of R:128, G:163, B:232 and CMYK values of C:0.45, M:0.3, Y:0, K:0.09. Its decimal value is 8430568.

Hex triplet	80a3e8	`#80a3e8`
RGB Decimal	128, 163, 232	`rgb(128,163,232)`
RGB Percent	50.2, 63.9, 91	`rgb(50.2%,63.9%,91%)`
CMYK	45, 30, 0, 9
HSL	219.8°, 69.3, 70.6	`hsl(219.8,69.3%,70.6%)`
HSV (or HSB)	219.8°, 44.8, 91
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.982, 5.953, -38.504
XYZ	36.562, 36.608, 81.479
xyY	0.236, 0.237, 36.608
CIE-LCH	66.982, 38.961, 278.79
CIE-LUV	66.982, -18.866, -62.206
Hunter-Lab	60.505, 1.98, -37.49
Binary	10000000, 10100011, 11101000

#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#e8c580
```
#e8c580 rgb(232,197,128)
```

Complementary Color

#80d7e8
```
#80d7e8 rgb(128,215,232)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#9180e8
```
#9180e8 rgb(145,128,232)
```

Analogous Color

#d7e880
```
#d7e880 rgb(215,232,128)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#e89180
```
#e89180 rgb(232,145,128)
```

Split Complementary Color

#a3e880
```
#a3e880 rgb(163,232,128)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#e880a3
```
#e880a3 rgb(232,128,163)
```

Triadic Color

#80e8c5
```
#80e8c5 rgb(128,232,197)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#e880a3
```
#e880a3 rgb(232,128,163)
```
#e8c580
```
#e8c580 rgb(232,197,128)
```

Tetradic Color

#3f74dc
```
#3f74dc rgb(63,116,220)
```
#5584e0
```
#5584e0 rgb(85,132,224)
```
#6a93e4
```
#6a93e4 rgb(106,147,228)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#96b3ec
```
#96b3ec rgb(150,179,236)
```
#abc2f0
```
#abc2f0 rgb(171,194,240)
```
#c1d2f4
```
#c1d2f4 rgb(193,210,244)
```

Monochromatic Color

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

#80bde8
```
#80bde8 rgb(128,189,232)
```
#80b4e8
```
#80b4e8 rgb(128,180,232)
```
#80ace8
```
#80ace8 rgb(128,172,232)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#809ae8
```
#809ae8 rgb(128,154,232)
```
#8092e8
```
#8092e8 rgb(128,146,232)
```
#8089e8
```
#8089e8 rgb(128,137,232)
```

Similar Colors

Text with hexadecimal color #80a3e8

This text has a font color of #80a3e8.

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

#80a3e8 background color

This paragraph has a background color of #80a3e8.

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

#80a3e8 border color

This element has a border color of #80a3e8.

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

CSS codes

.text {color:#80a3e8;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040a16
```
#040a16 rgb(4,10,22)
```
#071227
```
#071227 rgb(7,18,39)
```
#0a1938
```
#0a1938 rgb(10,25,56)
```
#0d2148
```
#0d2148 rgb(13,33,72)
```
#102959
```
#102959 rgb(16,41,89)
```
#13306a
```
#13306a rgb(19,48,106)
```
#16387a
```
#16387a rgb(22,56,122)
```
#193f8b
```
#193f8b rgb(25,63,139)
```
#1c479b
```
#1c479b rgb(28,71,155)
```
#1f4fac
```
#1f4fac rgb(31,79,172)
```
#2256bd
```
#2256bd rgb(34,86,189)
```
#255ecd
```
#255ecd rgb(37,94,205)
```

Shade Color Variation

#2d67d9
```
#2d67d9 rgb(45,103,217)
```
#3e73dc
```
#3e73dc rgb(62,115,220)
```
#4e7fdf
```
#4e7fdf rgb(78,127,223)
```
#5f8be2
```
#5f8be2 rgb(95,139,226)
```
#6f97e5
```
#6f97e5 rgb(111,151,229)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#91afeb
```
#91afeb rgb(145,175,235)
```
#a1bbee
```
#a1bbee rgb(161,187,238)
```
#b2c7f1
```
#b2c7f1 rgb(178,199,241)
```
#c2d3f4
```
#c2d3f4 rgb(194,211,244)
```
#d3dff7
```
#d3dff7 rgb(211,223,247)
```
#e4ebfa
```
#e4ebfa rgb(228,235,250)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

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

#b4b4b4
```
#b4b4b4 rgb(180,180,180)
```
#aeb2ba
```
#aeb2ba rgb(174,178,186)
```
#a8b0c0
```
#a8b0c0 rgb(168,176,192)
```
#a3aec5
```
#a3aec5 rgb(163,174,197)
```
#9daccb
```
#9daccb rgb(157,172,203)
```
#97abd1
```
#97abd1 rgb(151,171,209)
```
#91a9d7
```
#91a9d7 rgb(145,169,215)
```
#8ca7dc
```
#8ca7dc rgb(140,167,220)
```
#86a5e2
```
#86a5e2 rgb(134,165,226)
```
#80a3e8
```
#80a3e8 rgb(128,163,232)
```
#7aa1ee
```
#7aa1ee rgb(122,161,238)
```
#749ff4
```
#749ff4 rgb(116,159,244)
```
#6f9df9
```
#6f9df9 rgb(111,157,249)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9aa1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a5e7 Protanopia 1% of men
#8ba6e9 Deuteranopia 1% of men
#76b0bd Tritanopia 0.001% of the population

Trichromacy

#8ba4e7 Protanomaly 1% of men, 0.01% of women
#87a5e9 Deuteranomaly 6% of men, 0.4% of women
#7aabcc Tritanomaly 0.01% of the population

#80a3e8 hex color

#80a3e8 Color Information

#80a3e8 Color Conversion

Color Schemes with #80a3e8

Alternatives to #80a3e8

#80a3e8 Preview

Shades and Tints of #80a3e8

Tones of #80a3e8

Color Blindness Simulator