#80a7f8 hex color

In a RGB color space, hex #80a7f8 is composed of 50.2% red, 65.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 32.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 220.5 degrees, a saturation of 89.6% and a lightness of 73.7%. #80a7f8 color hex could be obtained by blending #ffffff with #014ff1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 65
- B 97
RGB color chart
- C 48
- M 33
- Y 0
- K 3
CMYK color chart

● #80a7f8 color description : Soft blue.

The hexadecimal color #80a7f8 has RGB values of R:128, G:167, B:248 and CMYK values of C:0.48, M:0.33, Y:0, K:0.03. Its decimal value is 8431608.

Hex triplet	80a7f8	`#80a7f8`
RGB Decimal	128, 167, 248	`rgb(128,167,248)`
RGB Percent	50.2, 65.5, 97.3	`rgb(50.2%,65.5%,97.3%)`
CMYK	48, 33, 0, 3
HSL	220.5°, 89.6, 73.7	`hsl(220.5,89.6%,73.7%)`
HSV (or HSB)	220.5°, 48.4, 97.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.753, 8.317, -44.474
XYZ	39.66, 39.002, 94.24
xyY	0.229, 0.226, 39.002
CIE-LCH	68.753, 45.245, 280.593
CIE-LUV	68.753, -20.567, -72.844
Hunter-Lab	62.452, 4.067, -45.753
Binary	10000000, 10100111, 11111000

#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#f8d180
```
#f8d180 rgb(248,209,128)
```

Complementary Color

#80e3f8
```
#80e3f8 rgb(128,227,248)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#9580f8
```
#9580f8 rgb(149,128,248)
```

Analogous Color

#e3f880
```
#e3f880 rgb(227,248,128)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#f89580
```
#f89580 rgb(248,149,128)
```

Split Complementary Color

#a7f880
```
#a7f880 rgb(167,248,128)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#f880a7
```
#f880a7 rgb(248,128,167)
```

Triadic Color

#80f8d1
```
#80f8d1 rgb(128,248,209)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#f880a7
```
#f880a7 rgb(248,128,167)
```
#f8d180
```
#f8d180 rgb(248,209,128)
```

Tetradic Color

#3775f4
```
#3775f4 rgb(55,117,244)
```
#5086f5
```
#5086f5 rgb(80,134,245)
```
#6896f7
```
#6896f7 rgb(104,150,247)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#98b8f9
```
#98b8f9 rgb(152,184,249)
```
#b0c8fb
```
#b0c8fb rgb(176,200,251)
```
#c9d9fc
```
#c9d9fc rgb(201,217,252)
```

Monochromatic Color

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

#80c5f8
```
#80c5f8 rgb(128,197,248)
```
#80bbf8
```
#80bbf8 rgb(128,187,248)
```
#80b1f8
```
#80b1f8 rgb(128,177,248)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#809df8
```
#809df8 rgb(128,157,248)
```
#8093f8
```
#8093f8 rgb(128,147,248)
```
#8089f8
```
#8089f8 rgb(128,137,248)
```

Similar Colors

Text with hexadecimal color #80a7f8

This text has a font color of #80a7f8.

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

#80a7f8 background color

This paragraph has a background color of #80a7f8.

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

#80a7f8 border color

This element has a border color of #80a7f8.

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

CSS codes

.text {color:#80a7f8;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010816
```
#010816 rgb(1,8,22)
```
#020f28
```
#020f28 rgb(2,15,40)
```
#03153b
```
#03153b rgb(3,21,59)
```
#041c4d
```
#041c4d rgb(4,28,77)
```
#052360
```
#052360 rgb(5,35,96)
```
#062a73
```
#062a73 rgb(6,42,115)
```
#073085
```
#073085 rgb(7,48,133)
```
#083798
```
#083798 rgb(8,55,152)
```
#093eaa
```
#093eaa rgb(9,62,170)
```
#0a44bd
```
#0a44bd rgb(10,68,189)
```
#0b4bd0
```
#0b4bd0 rgb(11,75,208)
```
#0c52e2
```
#0c52e2 rgb(12,82,226)
```

Shade Color Variation

#105af2
```
#105af2 rgb(16,90,242)
```
#2367f3
```
#2367f3 rgb(35,103,243)
```
#3673f4
```
#3673f4 rgb(54,115,244)
```
#4880f5
```
#4880f5 rgb(72,128,245)
```
#5b8df6
```
#5b8df6 rgb(91,141,246)
```
#6d9af7
```
#6d9af7 rgb(109,154,247)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#93b4f9
```
#93b4f9 rgb(147,180,249)
```
#a5c1fa
```
#a5c1fa rgb(165,193,250)
```
#b8cefb
```
#b8cefb rgb(184,206,251)
```
#cadbfc
```
#cadbfc rgb(202,219,252)
```
#dde7fd
```
#dde7fd rgb(221,231,253)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

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

#b9bbbf
```
#b9bbbf rgb(185,187,191)
```
#b4b9c4
```
#b4b9c4 rgb(180,185,196)
```
#aeb7ca
```
#aeb7ca rgb(174,183,202)
```
#a9b5cf
```
#a9b5cf rgb(169,181,207)
```
#a4b4d4
```
#a4b4d4 rgb(164,180,212)
```
#9fb2d9
```
#9fb2d9 rgb(159,178,217)
```
#9ab0de
```
#9ab0de rgb(154,176,222)
```
#95aee3
```
#95aee3 rgb(149,174,227)
```
#8face9
```
#8face9 rgb(143,172,233)
```
#8aabee
```
#8aabee rgb(138,171,238)
```
#85a9f3
```
#85a9f3 rgb(133,169,243)
```
#80a7f8
```
#80a7f8 rgb(128,167,248)
```
#7ba5fd
```
#7ba5fd rgb(123,165,253)
```

Tone Color Variation

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

Dichromacy

#90a9f6 Protanopia 1% of men
#86abf8 Deuteranopia 1% of men
#71b6c3 Tritanopia 0.001% of the population

Trichromacy

#8aa8f7 Protanomaly 1% of men, 0.01% of women
#84a9f8 Deuteranomaly 6% of men, 0.4% of women
#76b0d6 Tritanomaly 0.01% of the population

#80a7f8 hex color

#80a7f8 Color Information

#80a7f8 Color Conversion

Color Schemes with #80a7f8

Alternatives to #80a7f8

#80a7f8 Preview

Shades and Tints of #80a7f8

Tones of #80a7f8

Color Blindness Simulator