#80a9f0 hex color

In a RGB color space, hex #80a9f0 is composed of 50.2% red, 66.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 29.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 218 degrees, a saturation of 78.9% and a lightness of 72.2%. #80a9f0 color hex could be obtained by blending #ffffff with #0153e1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 66
- B 94
RGB color chart
- C 47
- M 30
- Y 0
- K 6
CMYK color chart

● #80a9f0 color description : Soft blue.

The hexadecimal color #80a9f0 has RGB values of R:128, G:169, B:240 and CMYK values of C:0.47, M:0.3, Y:0, K:0.06. Its decimal value is 8432112.

Hex triplet	80a9f0	`#80a9f0`
RGB Decimal	128, 169, 240	`rgb(128,169,240)`
RGB Percent	50.2, 66.3, 94.1	`rgb(50.2%,66.3%,94.1%)`
CMYK	47, 30, 0, 6
HSL	218°, 78.9, 72.2	`hsl(218,78.9%,72.2%)`
HSV (or HSB)	218°, 46.7, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.935, 4.856, -39.831
XYZ	38.815, 39.255, 87.965
xyY	0.234, 0.236, 39.255
CIE-LCH	68.935, 40.126, 276.951
CIE-LUV	68.935, -21.231, -64.577
Hunter-Lab	62.654, 0.94, -39.385
Binary	10000000, 10101001, 11110000

#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#f0c780
```
#f0c780 rgb(240,199,128)
```

Complementary Color

#80e1f0
```
#80e1f0 rgb(128,225,240)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#8f80f0
```
#8f80f0 rgb(143,128,240)
```

Analogous Color

#e1f080
```
#e1f080 rgb(225,240,128)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#f08f80
```
#f08f80 rgb(240,143,128)
```

Split Complementary Color

#a9f080
```
#a9f080 rgb(169,240,128)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#f080a9
```
#f080a9 rgb(240,128,169)
```

Triadic Color

#80f0c7
```
#80f0c7 rgb(128,240,199)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#f080a9
```
#f080a9 rgb(240,128,169)
```
#f0c780
```
#f0c780 rgb(240,199,128)
```

Tetradic Color

#3c7be8
```
#3c7be8 rgb(60,123,232)
```
#528aeb
```
#528aeb rgb(82,138,235)
```
#699aed
```
#699aed rgb(105,154,237)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#97b8f3
```
#97b8f3 rgb(151,184,243)
```
#aec8f5
```
#aec8f5 rgb(174,200,245)
```
#c4d7f8
```
#c4d7f8 rgb(196,215,248)
```

Monochromatic Color

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

#80c5f0
```
#80c5f0 rgb(128,197,240)
```
#80bcf0
```
#80bcf0 rgb(128,188,240)
```
#80b2f0
```
#80b2f0 rgb(128,178,240)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#80a0f0
```
#80a0f0 rgb(128,160,240)
```
#8096f0
```
#8096f0 rgb(128,150,240)
```
#808df0
```
#808df0 rgb(128,141,240)
```

Similar Colors

Text with hexadecimal color #80a9f0

This text has a font color of #80a9f0.

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

#80a9f0 background color

This paragraph has a background color of #80a9f0.

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

#80a9f0 border color

This element has a border color of #80a9f0.

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

CSS codes

.text {color:#80a9f0;}

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

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

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, #02060d is the darkest color, while #fbfcff is the lightest one.

#02060d
```
#02060d rgb(2,6,13)
```
#040e1f
```
#040e1f rgb(4,14,31)
```
#061530
```
#061530 rgb(6,21,48)
```
#081d42
```
#081d42 rgb(8,29,66)
```
#0a2554
```
#0a2554 rgb(10,37,84)
```
#0c2d65
```
#0c2d65 rgb(12,45,101)
```
#0e3477
```
#0e3477 rgb(14,52,119)
```
#103c88
```
#103c88 rgb(16,60,136)
```
#12449a
```
#12449a rgb(18,68,154)
```
#144cab
```
#144cab rgb(20,76,171)
```
#1653bd
```
#1653bd rgb(22,83,189)
```
#185bce
```
#185bce rgb(24,91,206)
```
#1a63e0
```
#1a63e0 rgb(26,99,224)
```

Shade Color Variation

#286ee6
```
#286ee6 rgb(40,110,230)
```
#3a79e8
```
#3a79e8 rgb(58,121,232)
```
#4b85ea
```
#4b85ea rgb(75,133,234)
```
#5d91ec
```
#5d91ec rgb(93,145,236)
```
#6e9dee
```
#6e9dee rgb(110,157,238)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#92b5f2
```
#92b5f2 rgb(146,181,242)
```
#a3c1f4
```
#a3c1f4 rgb(163,193,244)
```
#b5cdf6
```
#b5cdf6 rgb(181,205,246)
```
#c6d9f8
```
#c6d9f8 rgb(198,217,248)
```
#d8e4fa
```
#d8e4fa rgb(216,228,250)
```
#e9f0fc
```
#e9f0fc rgb(233,240,252)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#b7b8b9
```
#b7b8b9 rgb(183,184,185)
```
#b1b6bf
```
#b1b6bf rgb(177,182,191)
```
#acb5c4
```
#acb5c4 rgb(172,181,196)
```
#a6b3ca
```
#a6b3ca rgb(166,179,202)
```
#a1b2cf
```
#a1b2cf rgb(161,178,207)
```
#9bb0d5
```
#9bb0d5 rgb(155,176,213)
```
#96afda
```
#96afda rgb(150,175,218)
```
#90ade0
```
#90ade0 rgb(144,173,224)
```
#8bace5
```
#8bace5 rgb(139,172,229)
```
#85aaeb
```
#85aaeb rgb(133,170,235)
```
#80a9f0
```
#80a9f0 rgb(128,169,240)
```
#7ba8f5
```
#7ba8f5 rgb(123,168,245)
```
#75a6fb
```
#75a6fb rgb(117,166,251)
```

Tone Color Variation

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

Dichromacy

#95aaee Protanopia 1% of men
#8fabf1 Deuteranopia 1% of men
#75b6c3 Tritanopia 0.001% of the population

Trichromacy

#8da9ef Protanomaly 1% of men, 0.01% of women
#89aaf0 Deuteranomaly 6% of men, 0.4% of women
#79b1d3 Tritanomaly 0.01% of the population

#80a9f0 hex color

#80a9f0 Color Information

#80a9f0 Color Conversion

Color Schemes with #80a9f0

Alternatives to #80a9f0

#80a9f0 Preview

Shades and Tints of #80a9f0

Tones of #80a9f0

Color Blindness Simulator