#80a5ef hex color

In a RGB color space, hex #80a5ef is composed of 50.2% red, 64.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 31% magenta, 0% yellow and 6.3% black. It has a hue angle of 220 degrees, a saturation of 77.6% and a lightness of 72%. #80a5ef color hex could be obtained by blending #ffffff with #014bdf. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 65
- B 94
RGB color chart
- C 46
- M 31
- Y 0
- K 6
CMYK color chart

● #80a5ef color description : Soft blue.

The hexadecimal color #80a5ef has RGB values of R:128, G:165, B:239 and CMYK values of C:0.46, M:0.31, Y:0, K:0.06. Its decimal value is 8431087.

Hex triplet	80a5ef	`#80a5ef`
RGB Decimal	128, 165, 239	`rgb(128,165,239)`
RGB Percent	50.2, 64.7, 93.7	`rgb(50.2%,64.7%,93.7%)`
CMYK	46, 31, 0, 6
HSL	220°, 77.6, 72	`hsl(220,77.6%,72%)`
HSV (or HSB)	220°, 46.4, 93.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.821, 6.831, -41.026
XYZ	37.934, 37.73, 86.94
xyY	0.233, 0.232, 37.73
CIE-LCH	67.821, 41.591, 279.453
CIE-LUV	67.821, -19.717, -66.687
Hunter-Lab	61.425, 2.743, -40.922
Binary	10000000, 10100101, 11101111

#80a5ef
```
#80a5ef rgb(128,165,239)
```
#efca80
```
#efca80 rgb(239,202,128)
```

Complementary Color

#80ddef
```
#80ddef rgb(128,221,239)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#9380ef
```
#9380ef rgb(147,128,239)
```

Analogous Color

#ddef80
```
#ddef80 rgb(221,239,128)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#ef9380
```
#ef9380 rgb(239,147,128)
```

Split Complementary Color

#a5ef80
```
#a5ef80 rgb(165,239,128)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#ef80a5
```
#ef80a5 rgb(239,128,165)
```

Triadic Color

#80efca
```
#80efca rgb(128,239,202)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#ef80a5
```
#ef80a5 rgb(239,128,165)
```
#efca80
```
#efca80 rgb(239,202,128)
```

Tetradic Color

#3c75e6
```
#3c75e6 rgb(60,117,230)
```
#5385e9
```
#5385e9 rgb(83,133,233)
```
#6995ec
```
#6995ec rgb(105,149,236)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#97b5f2
```
#97b5f2 rgb(151,181,242)
```
#adc5f5
```
#adc5f5 rgb(173,197,245)
```
#c4d5f8
```
#c4d5f8 rgb(196,213,248)
```

Monochromatic Color

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

#80c1ef
```
#80c1ef rgb(128,193,239)
```
#80b8ef
```
#80b8ef rgb(128,184,239)
```
#80aeef
```
#80aeef rgb(128,174,239)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#809cef
```
#809cef rgb(128,156,239)
```
#8093ef
```
#8093ef rgb(128,147,239)
```
#8089ef
```
#8089ef rgb(128,137,239)
```

Similar Colors

Text with hexadecimal color #80a5ef

This text has a font color of #80a5ef.

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

#80a5ef background color

This paragraph has a background color of #80a5ef.

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

#80a5ef border color

This element has a border color of #80a5ef.

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

CSS codes

.text {color:#80a5ef;}

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

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

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, #02050c is the darkest color, while #fafbfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#040c1e
```
#040c1e rgb(4,12,30)
```
#06142f
```
#06142f rgb(6,20,47)
```
#081b41
```
#081b41 rgb(8,27,65)
```
#0a2252
```
#0a2252 rgb(10,34,82)
```
#0d2a63
```
#0d2a63 rgb(13,42,99)
```
#0f3175
```
#0f3175 rgb(15,49,117)
```
#113886
```
#113886 rgb(17,56,134)
```
#133f98
```
#133f98 rgb(19,63,152)
```
#1547a9
```
#1547a9 rgb(21,71,169)
```
#184ebb
```
#184ebb rgb(24,78,187)
```
#1a55cc
```
#1a55cc rgb(26,85,204)
```
#1c5cdd
```
#1c5cdd rgb(28,92,221)
```

Shade Color Variation

#2967e4
```
#2967e4 rgb(41,103,228)
```
#3a74e6
```
#3a74e6 rgb(58,116,230)
```
#4c80e8
```
#4c80e8 rgb(76,128,232)
```
#5d8ceb
```
#5d8ceb rgb(93,140,235)
```
#6f99ed
```
#6f99ed rgb(111,153,237)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#91b1f1
```
#91b1f1 rgb(145,177,241)
```
#a3bef3
```
#a3bef3 rgb(163,190,243)
```
#b4caf6
```
#b4caf6 rgb(180,202,246)
```
#c6d6f8
```
#c6d6f8 rgb(198,214,248)
```
#d7e3fa
```
#d7e3fa rgb(215,227,250)
```
#e9effc
```
#e9effc rgb(233,239,252)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#b7b7b8
```
#b7b7b8 rgb(183,183,184)
```
#b2b6be
```
#b2b6be rgb(178,182,190)
```
#acb4c3
```
#acb4c3 rgb(172,180,195)
```
#a7b2c9
```
#a7b2c9 rgb(167,178,201)
```
#a1b0ce
```
#a1b0ce rgb(161,176,206)
```
#9caed4
```
#9caed4 rgb(156,174,212)
```
#96acd9
```
#96acd9 rgb(150,172,217)
```
#91abdf
```
#91abdf rgb(145,171,223)
```
#8ba9e4
```
#8ba9e4 rgb(139,169,228)
```
#86a7ea
```
#86a7ea rgb(134,167,234)
```
#80a5ef
```
#80a5ef rgb(128,165,239)
```
#7ba3f5
```
#7ba3f5 rgb(123,163,245)
```
#75a1fa
```
#75a1fa rgb(117,161,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ba3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a7ee Protanopia 1% of men
#8aa8f0 Deuteranopia 1% of men
#74b3c0 Tritanopia 0.001% of the population

Trichromacy

#8aa6ee Protanomaly 1% of men, 0.01% of women
#86a7ef Deuteranomaly 6% of men, 0.4% of women
#78aed1 Tritanomaly 0.01% of the population

#80a5ef hex color

#80a5ef Color Information

#80a5ef Color Conversion

Color Schemes with #80a5ef

Alternatives to #80a5ef

#80a5ef Preview

Shades and Tints of #80a5ef

Tones of #80a5ef

Color Blindness Simulator