#80a4fd hex color

In a RGB color space, hex #80a4fd is composed of 50.2% red, 64.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 35.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 222.7 degrees, a saturation of 96.9% and a lightness of 74.7%. #80a4fd color hex could be obtained by blending #ffffff with #0149fb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 64
- B 99
RGB color chart
- C 49
- M 35
- Y 0
- K 1
CMYK color chart

● #80a4fd color description : Soft blue.

The hexadecimal color #80a4fd has RGB values of R:128, G:164, B:253 and CMYK values of C:0.49, M:0.35, Y:0, K:0.01. Its decimal value is 8430845.

Hex triplet	80a4fd	`#80a4fd`
RGB Decimal	128, 164, 253	`rgb(128,164,253)`
RGB Percent	50.2, 64.3, 99.2	`rgb(50.2%,64.3%,99.2%)`
CMYK	49, 35, 0, 1
HSL	222.7°, 96.9, 74.7	`hsl(222.7,96.9%,74.7%)`
HSV (or HSB)	222.7°, 49.4, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.19, 11.505, -48.077
XYZ	39.903, 38.23, 98.2
xyY	0.226, 0.217, 38.23
CIE-LCH	68.19, 49.435, 283.458
CIE-LUV	68.19, -19.543, -79.236
Hunter-Lab	61.831, 6.994, -50.883
Binary	10000000, 10100100, 11111101

#80a4fd
```
#80a4fd rgb(128,164,253)
```
#fdd980
```
#fdd980 rgb(253,217,128)
```

Complementary Color

#80e3fd
```
#80e3fd rgb(128,227,253)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```
#9b80fd
```
#9b80fd rgb(155,128,253)
```

Analogous Color

#e3fd80
```
#e3fd80 rgb(227,253,128)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```
#fd9b80
```
#fd9b80 rgb(253,155,128)
```

Split Complementary Color

#a4fd80
```
#a4fd80 rgb(164,253,128)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```
#fd80a4
```
#fd80a4 rgb(253,128,164)
```

Triadic Color

#80fdd9
```
#80fdd9 rgb(128,253,217)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```
#fd80a4
```
#fd80a4 rgb(253,128,164)
```
#fdd980
```
#fdd980 rgb(253,217,128)
```

Tetradic Color

#356efc
```
#356efc rgb(53,110,252)
```
#4e80fc
```
#4e80fc rgb(78,128,252)
```
#6792fd
```
#6792fd rgb(103,146,253)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```
#99b6fd
```
#99b6fd rgb(153,182,253)
```
#b2c8fe
```
#b2c8fe rgb(178,200,254)
```
#cbdafe
```
#cbdafe rgb(203,218,254)
```

Monochromatic Color

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

#80c3fd
```
#80c3fd rgb(128,195,253)
```
#80b9fd
```
#80b9fd rgb(128,185,253)
```
#80aefd
```
#80aefd rgb(128,174,253)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```
#809afd
```
#809afd rgb(128,154,253)
```
#808ffd
```
#808ffd rgb(128,143,253)
```
#8085fd
```
#8085fd rgb(128,133,253)
```

Similar Colors

Text with hexadecimal color #80a4fd

This text has a font color of #80a4fd.

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

#80a4fd background color

This paragraph has a background color of #80a4fd.

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

#80a4fd border color

This element has a border color of #80a4fd.

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

CSS codes

.text {color:#80a4fd;}

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

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

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

#000208
```
#000208 rgb(0,2,8)
```
#00081b
```
#00081b rgb(0,8,27)
```
#010e2f
```
#010e2f rgb(1,14,47)
```
#011442
```
#011442 rgb(1,20,66)
```
#011a55
```
#011a55 rgb(1,26,85)
```
#021f69
```
#021f69 rgb(2,31,105)
```
#02257c
```
#02257c rgb(2,37,124)
```
#022b8f
```
#022b8f rgb(2,43,143)
```
#0331a3
```
#0331a3 rgb(3,49,163)
```
#0336b6
```
#0336b6 rgb(3,54,182)
```
#033cc9
```
#033cc9 rgb(3,60,201)
```
#0342dd
```
#0342dd rgb(3,66,221)
```
#0448f0
```
#0448f0 rgb(4,72,240)
```

Shade Color Variation

#0c51fb
```
#0c51fb rgb(12,81,251)
```
#1f5ffb
```
#1f5ffb rgb(31,95,251)
```
#336dfc
```
#336dfc rgb(51,109,252)
```
#467afc
```
#467afc rgb(70,122,252)
```
#5988fc
```
#5988fc rgb(89,136,252)
```
#6d96fd
```
#6d96fd rgb(109,150,253)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```
#93b2fd
```
#93b2fd rgb(147,178,253)
```
#a7c0fe
```
#a7c0fe rgb(167,192,254)
```
#bacefe
```
#bacefe rgb(186,206,254)
```
#cddbfe
```
#cddbfe rgb(205,219,254)
```
#e1e9ff
```
#e1e9ff rgb(225,233,255)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#bcbdc1
```
#bcbdc1 rgb(188,189,193)
```
#b7bbc6
```
#b7bbc6 rgb(183,187,198)
```
#b2b9cb
```
#b2b9cb rgb(178,185,203)
```
#adb7d0
```
#adb7d0 rgb(173,183,208)
```
#a8b5d5
```
#a8b5d5 rgb(168,181,213)
```
#a3b3da
```
#a3b3da rgb(163,179,218)
```
#9eb1df
```
#9eb1df rgb(158,177,223)
```
#99afe4
```
#99afe4 rgb(153,175,228)
```
#94ace9
```
#94ace9 rgb(148,172,233)
```
#8faaee
```
#8faaee rgb(143,170,238)
```
#8aa8f3
```
#8aa8f3 rgb(138,168,243)
```
#85a6f8
```
#85a6f8 rgb(133,166,248)
```
#80a4fd
```
#80a4fd rgb(128,164,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ca3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa8fc Protanopia 1% of men
#7eaafc Deuteranopia 1% of men
#6eb5c2 Tritanopia 0.001% of the population

Trichromacy

#86a6fc Protanomaly 1% of men, 0.01% of women
#7ea8fc Deuteranomaly 6% of men, 0.4% of women
#75afd7 Tritanomaly 0.01% of the population

#80a4fd hex color

#80a4fd Color Information

#80a4fd Color Conversion

Color Schemes with #80a4fd

Alternatives to #80a4fd

#80a4fd Preview

Shades and Tints of #80a4fd

Tones of #80a4fd

Color Blindness Simulator