#80a5fa hex color

In a RGB color space, hex #80a5fa is composed of 50.2% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 221.8 degrees, a saturation of 92.4% and a lightness of 74.1%. #80a5fa color hex could be obtained by blending #ffffff with #014bf5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 65
- B 98
RGB color chart
- C 49
- M 34
- Y 0
- K 2
CMYK color chart

● #80a5fa color description : Soft blue.

The hexadecimal color #80a5fa has RGB values of R:128, G:165, B:250 and CMYK values of C:0.49, M:0.34, Y:0, K:0.02. Its decimal value is 8431098.

Hex triplet	80a5fa	`#80a5fa`
RGB Decimal	128, 165, 250	`rgb(128,165,250)`
RGB Percent	50.2, 64.7, 98	`rgb(50.2%,64.7%,98%)`
CMYK	49, 34, 0, 2
HSL	221.8°, 92.4, 74.1	`hsl(221.8,92.4%,74.1%)`
HSV (or HSB)	221.8°, 48.8, 98
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.314, 10.045, -46.251
XYZ	39.609, 38.4, 95.762
xyY	0.228, 0.221, 38.4
CIE-LCH	68.314, 47.329, 282.254
CIE-LUV	68.314, -19.862, -75.992
Hunter-Lab	61.968, 5.651, -48.247
Binary	10000000, 10100101, 11111010

#80a5fa
```
#80a5fa rgb(128,165,250)
```
#fad580
```
#fad580 rgb(250,213,128)
```

Complementary Color

#80e2fa
```
#80e2fa rgb(128,226,250)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```
#9880fa
```
#9880fa rgb(152,128,250)
```

Analogous Color

#e2fa80
```
#e2fa80 rgb(226,250,128)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```
#fa9880
```
#fa9880 rgb(250,152,128)
```

Split Complementary Color

#a5fa80
```
#a5fa80 rgb(165,250,128)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```
#fa80a5
```
#fa80a5 rgb(250,128,165)
```

Triadic Color

#80fad5
```
#80fad5 rgb(128,250,213)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```
#fa80a5
```
#fa80a5 rgb(250,128,165)
```
#fad580
```
#fad580 rgb(250,213,128)
```

Tetradic Color

#3671f7
```
#3671f7 rgb(54,113,247)
```
#4f82f8
```
#4f82f8 rgb(79,130,248)
```
#6794f9
```
#6794f9 rgb(103,148,249)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```
#99b6fb
```
#99b6fb rgb(153,182,251)
```
#b1c8fc
```
#b1c8fc rgb(177,200,252)
```
#cad9fd
```
#cad9fd rgb(202,217,253)
```

Monochromatic Color

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

#80c4fa
```
#80c4fa rgb(128,196,250)
```
#80b9fa
```
#80b9fa rgb(128,185,250)
```
#80affa
```
#80affa rgb(128,175,250)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```
#809bfa
```
#809bfa rgb(128,155,250)
```
#8091fa
```
#8091fa rgb(128,145,250)
```
#8087fa
```
#8087fa rgb(128,135,250)
```

Similar Colors

Text with hexadecimal color #80a5fa

This text has a font color of #80a5fa.

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

#80a5fa background color

This paragraph has a background color of #80a5fa.

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

#80a5fa border color

This element has a border color of #80a5fa.

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

CSS codes

.text {color:#80a5fa;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#020e2b
```
#020e2b rgb(2,14,43)
```
#02143e
```
#02143e rgb(2,20,62)
```
#031b51
```
#031b51 rgb(3,27,81)
```
#042163
```
#042163 rgb(4,33,99)
```
#052776
```
#052776 rgb(5,39,118)
```
#052d89
```
#052d89 rgb(5,45,137)
```
#06349c
```
#06349c rgb(6,52,156)
```
#073aaf
```
#073aaf rgb(7,58,175)
```
#0840c2
```
#0840c2 rgb(8,64,194)
```
#0846d5
```
#0846d5 rgb(8,70,213)
```
#094de8
```
#094de8 rgb(9,77,232)
```

Shade Color Variation

#0f55f6
```
#0f55f6 rgb(15,85,246)
```
#2262f6
```
#2262f6 rgb(34,98,246)
```
#3570f7
```
#3570f7 rgb(53,112,247)
```
#477df8
```
#477df8 rgb(71,125,248)
```
#5a8af9
```
#5a8af9 rgb(90,138,249)
```
#6d98f9
```
#6d98f9 rgb(109,152,249)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```
#93b2fb
```
#93b2fb rgb(147,178,251)
```
#a6c0fb
```
#a6c0fb rgb(166,192,251)
```
#b9cdfc
```
#b9cdfc rgb(185,205,252)
```
#cbdafd
```
#cbdafd rgb(203,218,253)
```
#dee8fe
```
#dee8fe rgb(222,232,254)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

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

#bdbdbd
```
#bdbdbd rgb(189,189,189)
```
#b8bbc2
```
#b8bbc2 rgb(184,187,194)
```
#b3b9c7
```
#b3b9c7 rgb(179,185,199)
```
#aeb7cc
```
#aeb7cc rgb(174,183,204)
```
#a9b5d1
```
#a9b5d1 rgb(169,181,209)
```
#a4b3d6
```
#a4b3d6 rgb(164,179,214)
```
#9eb1dc
```
#9eb1dc rgb(158,177,220)
```
#99afe1
```
#99afe1 rgb(153,175,225)
```
#94ade6
```
#94ade6 rgb(148,173,230)
```
#8fabeb
```
#8fabeb rgb(143,171,235)
```
#8aa9f0
```
#8aa9f0 rgb(138,169,240)
```
#85a7f5
```
#85a7f5 rgb(133,167,245)
```
#80a5fa
```
#80a5fa rgb(128,165,250)
```

Tone Color Variation

Below, you can see how #80a5fa 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
#9da4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca8f9 Protanopia 1% of men
#82aaf9 Deuteranopia 1% of men
#70b5c2 Tritanopia 0.001% of the population

Trichromacy

#88a7f9 Protanomaly 1% of men, 0.01% of women
#81a8f9 Deuteranomaly 6% of men, 0.4% of women
#76afd6 Tritanomaly 0.01% of the population

#80a5fa hex color

#80a5fa Color Information

#80a5fa Color Conversion

Color Schemes with #80a5fa

Alternatives to #80a5fa

#80a5fa Preview

Shades and Tints of #80a5fa

Tones of #80a5fa

Color Blindness Simulator