#80aafc hex color

In a RGB color space, hex #80aafc is composed of 50.2% red, 66.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 32.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 219.7 degrees, a saturation of 95.4% and a lightness of 74.5%. #80aafc color hex could be obtained by blending #ffffff with #0155f9. Closest websafe color is: #9999ff.

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

● #80aafc color description : Soft blue.

The hexadecimal color #80aafc has RGB values of R:128, G:170, B:252 and CMYK values of C:0.49, M:0.33, Y:0, K:0.01. Its decimal value is 8432380.

Hex triplet	80aafc	`#80aafc`
RGB Decimal	128, 170, 252	`rgb(128,170,252)`
RGB Percent	50.2, 66.7, 98.8	`rgb(50.2%,66.7%,98.8%)`
CMYK	49, 33, 0, 1
HSL	219.7°, 95.4, 74.5	`hsl(219.7,95.4%,74.5%)`
HSV (or HSB)	219.7°, 49.2, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.729, 7.79, -45.115
XYZ	40.844, 40.365, 97.729
xyY	0.228, 0.226, 40.365
CIE-LCH	69.729, 45.783, 279.797
CIE-LUV	69.729, -21.706, -74.022
Hunter-Lab	63.533, 3.568, -46.728
Binary	10000000, 10101010, 11111100

#80aafc
```
#80aafc rgb(128,170,252)
```
#fcd280
```
#fcd280 rgb(252,210,128)
```

Complementary Color

#80e8fc
```
#80e8fc rgb(128,232,252)
```
#80aafc
```
#80aafc rgb(128,170,252)
```
#9480fc
```
#9480fc rgb(148,128,252)
```

Analogous Color

#e8fc80
```
#e8fc80 rgb(232,252,128)
```
#80aafc
```
#80aafc rgb(128,170,252)
```
#fc9480
```
#fc9480 rgb(252,148,128)
```

Split Complementary Color

#aafc80
```
#aafc80 rgb(170,252,128)
```
#80aafc
```
#80aafc rgb(128,170,252)
```
#fc80aa
```
#fc80aa rgb(252,128,170)
```

Triadic Color

#80fcd2
```
#80fcd2 rgb(128,252,210)
```
#80aafc
```
#80aafc rgb(128,170,252)
```
#fc80aa
```
#fc80aa rgb(252,128,170)
```
#fcd280
```
#fcd280 rgb(252,210,128)
```

Tetradic Color

#3578fa
```
#3578fa rgb(53,120,250)
```
#4e89fb
```
#4e89fb rgb(78,137,251)
```
#6799fb
```
#6799fb rgb(103,153,251)
```
#80aafc
```
#80aafc rgb(128,170,252)
```
#99bbfd
```
#99bbfd rgb(153,187,253)
```
#b2cbfd
```
#b2cbfd rgb(178,203,253)
```
#cbdcfe
```
#cbdcfe rgb(203,220,254)
```

Monochromatic Color

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

#80c9fc
```
#80c9fc rgb(128,201,252)
```
#80bffc
```
#80bffc rgb(128,191,252)
```
#80b4fc
```
#80b4fc rgb(128,180,252)
```
#80aafc
```
#80aafc rgb(128,170,252)
```
#80a0fc
```
#80a0fc rgb(128,160,252)
```
#8095fc
```
#8095fc rgb(128,149,252)
```
#808bfc
```
#808bfc rgb(128,139,252)
```

Similar Colors

Text with hexadecimal color #80aafc

This text has a font color of #80aafc.

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

#80aafc background color

This paragraph has a background color of #80aafc.

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

#80aafc border color

This element has a border color of #80aafc.

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

CSS codes

.text {color:#80aafc;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#01091a
```
#01091a rgb(1,9,26)
```
#01102d
```
#01102d rgb(1,16,45)
```
#021741
```
#021741 rgb(2,23,65)
```
#021e54
```
#021e54 rgb(2,30,84)
```
#022467
```
#022467 rgb(2,36,103)
```
#032b7a
```
#032b7a rgb(3,43,122)
```
#03328d
```
#03328d rgb(3,50,141)
```
#0439a0
```
#0439a0 rgb(4,57,160)
```
#0440b4
```
#0440b4 rgb(4,64,180)
```
#0546c7
```
#0546c7 rgb(5,70,199)
```
#054dda
```
#054dda rgb(5,77,218)
```
#0654ed
```
#0654ed rgb(6,84,237)
```

Shade Color Variation

#0d5df9
```
#0d5df9 rgb(13,93,249)
```
#206afa
```
#206afa rgb(32,106,250)
```
#3377fa
```
#3377fa rgb(51,119,250)
```
#4784fb
```
#4784fb rgb(71,132,251)
```
#5a90fb
```
#5a90fb rgb(90,144,251)
```
#6d9dfc
```
#6d9dfc rgb(109,157,252)
```
#80aafc
```
#80aafc rgb(128,170,252)
```
#93b7fc
```
#93b7fc rgb(147,183,252)
```
#a6c4fd
```
#a6c4fd rgb(166,196,253)
```
#b9d0fd
```
#b9d0fd rgb(185,208,253)
```
#cdddfe
```
#cdddfe rgb(205,221,254)
```
#e0eafe
```
#e0eafe rgb(224,234,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,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 #80aafc is the most saturated one.

#bcbdc0
```
#bcbdc0 rgb(188,189,192)
```
#b7bcc5
```
#b7bcc5 rgb(183,188,197)
```
#b2baca
```
#b2baca rgb(178,186,202)
```
#adb9cf
```
#adb9cf rgb(173,185,207)
```
#a8b7d4
```
#a8b7d4 rgb(168,183,212)
```
#a3b5d9
```
#a3b5d9 rgb(163,181,217)
```
#9eb4de
```
#9eb4de rgb(158,180,222)
```
#99b2e3
```
#99b2e3 rgb(153,178,227)
```
#94b0e8
```
#94b0e8 rgb(148,176,232)
```
#8fafed
```
#8fafed rgb(143,175,237)
```
#8aadf2
```
#8aadf2 rgb(138,173,242)
```
#85acf7
```
#85acf7 rgb(133,172,247)
```
#80aafc
```
#80aafc rgb(128,170,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9fa8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92acfa Protanopia 1% of men
#88aefc Deuteranopia 1% of men
#71b9c7 Tritanopia 0.001% of the population

Trichromacy

#8babfb Protanomaly 1% of men, 0.01% of women
#85acfc Deuteranomaly 6% of men, 0.4% of women
#76b3da Tritanomaly 0.01% of the population

#80aafc hex color

#80aafc Color Information

#80aafc Color Conversion

Color Schemes with #80aafc

Alternatives to #80aafc

#80aafc Preview

Shades and Tints of #80aafc

Tones of #80aafc

Color Blindness Simulator