#80a1fd hex color

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

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

● #80a1fd color description : Soft blue.

The hexadecimal color #80a1fd has RGB values of R:128, G:161, B:253 and CMYK values of C:0.49, M:0.36, Y:0, K:0.01. Its decimal value is 8430077.

Hex triplet	80a1fd	`#80a1fd`
RGB Decimal	128, 161, 253	`rgb(128,161,253)`
RGB Percent	50.2, 63.1, 99.2	`rgb(50.2%,63.1%,99.2%)`
CMYK	49, 36, 0, 1
HSL	224.2°, 96.9, 74.7	`hsl(224.2,96.9%,74.7%)`
HSV (or HSB)	224.2°, 49.4, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.404, 13.227, -49.317
XYZ	39.373, 37.169, 98.023
xyY	0.226, 0.213, 37.169
CIE-LCH	67.404, 51.06, 285.014
CIE-LUV	67.404, -18.469, -81.387
Hunter-Lab	60.966, 8.586, -52.651
Binary	10000000, 10100001, 11111101

#80a1fd
```
#80a1fd rgb(128,161,253)
```
#fddc80
```
#fddc80 rgb(253,220,128)
```

Complementary Color

#80e0fd
```
#80e0fd rgb(128,224,253)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```
#9e80fd
```
#9e80fd rgb(158,128,253)
```

Analogous Color

#e0fd80
```
#e0fd80 rgb(224,253,128)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```
#fd9e80
```
#fd9e80 rgb(253,158,128)
```

Split Complementary Color

#a1fd80
```
#a1fd80 rgb(161,253,128)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```
#fd80a1
```
#fd80a1 rgb(253,128,161)
```

Triadic Color

#80fddc
```
#80fddc rgb(128,253,220)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```
#fd80a1
```
#fd80a1 rgb(253,128,161)
```
#fddc80
```
#fddc80 rgb(253,220,128)
```

Tetradic Color

#3569fc
```
#3569fc rgb(53,105,252)
```
#4e7cfc
```
#4e7cfc rgb(78,124,252)
```
#678efd
```
#678efd rgb(103,142,253)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```
#99b4fd
```
#99b4fd rgb(153,180,253)
```
#b2c6fe
```
#b2c6fe rgb(178,198,254)
```
#cbd9fe
```
#cbd9fe rgb(203,217,254)
```

Monochromatic Color

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

#80c0fd
```
#80c0fd rgb(128,192,253)
```
#80b6fd
```
#80b6fd rgb(128,182,253)
```
#80abfd
```
#80abfd rgb(128,171,253)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```
#8097fd
```
#8097fd rgb(128,151,253)
```
#808cfd
```
#808cfd rgb(128,140,253)
```
#8082fd
```
#8082fd rgb(128,130,253)
```

Similar Colors

Text with hexadecimal color #80a1fd

This text has a font color of #80a1fd.

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

#80a1fd background color

This paragraph has a background color of #80a1fd.

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

#80a1fd border color

This element has a border color of #80a1fd.

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

CSS codes

.text {color:#80a1fd;}

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

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

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)
```
#010d2f
```
#010d2f rgb(1,13,47)
```
#011242
```
#011242 rgb(1,18,66)
```
#011855
```
#011855 rgb(1,24,85)
```
#021d69
```
#021d69 rgb(2,29,105)
```
#02227c
```
#02227c rgb(2,34,124)
```
#02288f
```
#02288f rgb(2,40,143)
```
#032da3
```
#032da3 rgb(3,45,163)
```
#0332b6
```
#0332b6 rgb(3,50,182)
```
#0337c9
```
#0337c9 rgb(3,55,201)
```
#033ddd
```
#033ddd rgb(3,61,221)
```
#0442f0
```
#0442f0 rgb(4,66,240)
```

Shade Color Variation

#0c4bfb
```
#0c4bfb rgb(12,75,251)
```
#1f5afb
```
#1f5afb rgb(31,90,251)
```
#3368fc
```
#3368fc rgb(51,104,252)
```
#4676fc
```
#4676fc rgb(70,118,252)
```
#5984fc
```
#5984fc rgb(89,132,252)
```
#6d93fd
```
#6d93fd rgb(109,147,253)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```
#93affd
```
#93affd rgb(147,175,253)
```
#a7befe
```
#a7befe rgb(167,190,254)
```
#baccfe
```
#baccfe rgb(186,204,254)
```
#cddafe
```
#cddafe rgb(205,218,254)
```
#e1e8ff
```
#e1e8ff rgb(225,232,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 #80a1fd is the most saturated one.

#bcbdc1
```
#bcbdc1 rgb(188,189,193)
```
#b7bbc6
```
#b7bbc6 rgb(183,187,198)
```
#b2b8cb
```
#b2b8cb rgb(178,184,203)
```
#adb6d0
```
#adb6d0 rgb(173,182,208)
```
#a8b4d5
```
#a8b4d5 rgb(168,180,213)
```
#a3b1da
```
#a3b1da rgb(163,177,218)
```
#9eafdf
```
#9eafdf rgb(158,175,223)
```
#99ade4
```
#99ade4 rgb(153,173,228)
```
#94aae9
```
#94aae9 rgb(148,170,233)
```
#8fa8ee
```
#8fa8ee rgb(143,168,238)
```
#8aa6f3
```
#8aa6f3 rgb(138,166,243)
```
#85a3f8
```
#85a3f8 rgb(133,163,248)
```
#80a1fd
```
#80a1fd rgb(128,161,253)
```

Tone Color Variation

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

Dichromacy

#86a6fd Protanopia 1% of men
#79a8fb Deuteranopia 1% of men
#6db3c0 Tritanopia 0.001% of the population

Trichromacy

#83a4fd Protanomaly 1% of men, 0.01% of women
#7ba5fc Deuteranomaly 6% of men, 0.4% of women
#74acd6 Tritanomaly 0.01% of the population

#80a1fd hex color

#80a1fd Color Information

#80a1fd Color Conversion

Color Schemes with #80a1fd

Alternatives to #80a1fd

#80a1fd Preview

Shades and Tints of #80a1fd

Tones of #80a1fd

Color Blindness Simulator