#80a4fc hex color

In a RGB color space, hex #80a4fc is composed of 50.2% red, 64.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 34.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 222.6 degrees, a saturation of 95.4% and a lightness of 74.5%. #80a4fc color hex could be obtained by blending #ffffff with #0149f9. 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

● #80a4fc color description : Soft blue.

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

Hex triplet	80a4fc	`#80a4fc`
RGB Decimal	128, 164, 252	`rgb(128,164,252)`
RGB Percent	50.2, 64.3, 98.8	`rgb(50.2%,64.3%,98.8%)`
CMYK	49, 35, 0, 1
HSL	222.6°, 95.4, 74.5	`hsl(222.6,95.4%,74.5%)`
HSV (or HSB)	222.6°, 49.2, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.143, 11.208, -47.607
XYZ	39.744, 38.167, 97.363
xyY	0.227, 0.218, 38.167
CIE-LCH	68.143, 48.909, 283.248
CIE-LUV	68.143, -19.528, -78.397
Hunter-Lab	61.779, 6.721, -50.194
Binary	10000000, 10100100, 11111100

#80a4fc
```
#80a4fc rgb(128,164,252)
```
#fcd880
```
#fcd880 rgb(252,216,128)
```

Complementary Color

#80e2fc
```
#80e2fc rgb(128,226,252)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#9a80fc
```
#9a80fc rgb(154,128,252)
```

Analogous Color

#e2fc80
```
#e2fc80 rgb(226,252,128)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#fc9a80
```
#fc9a80 rgb(252,154,128)
```

Split Complementary Color

#a4fc80
```
#a4fc80 rgb(164,252,128)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#fc80a4
```
#fc80a4 rgb(252,128,164)
```

Triadic Color

#80fcd8
```
#80fcd8 rgb(128,252,216)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#fc80a4
```
#fc80a4 rgb(252,128,164)
```
#fcd880
```
#fcd880 rgb(252,216,128)
```

Tetradic Color

#356efa
```
#356efa rgb(53,110,250)
```
#4e80fb
```
#4e80fb rgb(78,128,251)
```
#6792fb
```
#6792fb rgb(103,146,251)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#99b6fd
```
#99b6fd rgb(153,182,253)
```
#b2c8fd
```
#b2c8fd rgb(178,200,253)
```
#cbdafe
```
#cbdafe rgb(203,218,254)
```

Monochromatic Color

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

#80c3fc
```
#80c3fc rgb(128,195,252)
```
#80b9fc
```
#80b9fc rgb(128,185,252)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#809afc
```
#809afc rgb(128,154,252)
```
#808ffc
```
#808ffc rgb(128,143,252)
```
#8085fc
```
#8085fc rgb(128,133,252)
```

Similar Colors

Text with hexadecimal color #80a4fc

This text has a font color of #80a4fc.

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

#80a4fc background color

This paragraph has a background color of #80a4fc.

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

#80a4fc border color

This element has a border color of #80a4fc.

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

CSS codes

.text {color:#80a4fc;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#01081a
```
#01081a rgb(1,8,26)
```
#010e2d
```
#010e2d rgb(1,14,45)
```
#021441
```
#021441 rgb(2,20,65)
```
#021a54
```
#021a54 rgb(2,26,84)
```
#022067
```
#022067 rgb(2,32,103)
```
#03267a
```
#03267a rgb(3,38,122)
```
#032b8d
```
#032b8d rgb(3,43,141)
```
#0431a0
```
#0431a0 rgb(4,49,160)
```
#0437b4
```
#0437b4 rgb(4,55,180)
```
#053dc7
```
#053dc7 rgb(5,61,199)
```
#0543da
```
#0543da rgb(5,67,218)
```
#0649ed
```
#0649ed rgb(6,73,237)
```

Shade Color Variation

#0d52f9
```
#0d52f9 rgb(13,82,249)
```
#205ffa
```
#205ffa rgb(32,95,250)
```
#336dfa
```
#336dfa rgb(51,109,250)
```
#477bfb
```
#477bfb rgb(71,123,251)
```
#5a89fb
```
#5a89fb rgb(90,137,251)
```
#6d96fc
```
#6d96fc rgb(109,150,252)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#93b2fc
```
#93b2fc rgb(147,178,252)
```
#a6bffd
```
#a6bffd rgb(166,191,253)
```
#b9cdfd
```
#b9cdfd rgb(185,205,253)
```
#cddbfe
```
#cddbfe rgb(205,219,254)
```
#e0e9fe
```
#e0e9fe rgb(224,233,254)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#bcbdc0
```
#bcbdc0 rgb(188,189,192)
```
#b7bbc5
```
#b7bbc5 rgb(183,187,197)
```
#b2b9ca
```
#b2b9ca rgb(178,185,202)
```
#adb7cf
```
#adb7cf rgb(173,183,207)
```
#a8b5d4
```
#a8b5d4 rgb(168,181,212)
```
#a3b3d9
```
#a3b3d9 rgb(163,179,217)
```
#9eb1de
```
#9eb1de rgb(158,177,222)
```
#99aee3
```
#99aee3 rgb(153,174,227)
```
#94ace8
```
#94ace8 rgb(148,172,232)
```
#8faaed
```
#8faaed rgb(143,170,237)
```
#8aa8f2
```
#8aa8f2 rgb(138,168,242)
```
#85a6f7
```
#85a6f7 rgb(133,166,247)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```

Tone Color Variation

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

#8aa7fb Protanopia 1% of men
#7faafb Deuteranopia 1% of men
#6fb5c2 Tritanopia 0.001% of the population

Trichromacy

#86a6fb Protanomaly 1% of men, 0.01% of women
#7fa8fb Deuteranomaly 6% of men, 0.4% of women
#75aed7 Tritanomaly 0.01% of the population

#80a4fc hex color

#80a4fc Color Information

#80a4fc Color Conversion

Color Schemes with #80a4fc

Alternatives to #80a4fc

#80a4fc Preview

Shades and Tints of #80a4fc

Tones of #80a4fc

Color Blindness Simulator