#80aefc hex color

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

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

● #80aefc color description : Soft blue.

The hexadecimal color #80aefc has RGB values of R:128, G:174, B:252 and CMYK values of C:0.49, M:0.31, Y:0, K:0.01. Its decimal value is 8433404.

Hex triplet	80aefc	`#80aefc`
RGB Decimal	128, 174, 252	`rgb(128,174,252)`
RGB Percent	50.2, 68.2, 98.8	`rgb(50.2%,68.2%,98.8%)`
CMYK	49, 31, 0, 1
HSL	217.7°, 95.4, 74.5	`hsl(217.7,95.4%,74.5%)`
HSV (or HSB)	217.7°, 49.2, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.793, 5.531, -43.446
XYZ	41.605, 41.888, 97.983
xyY	0.229, 0.231, 41.888
CIE-LCH	70.793, 43.797, 277.255
CIE-LUV	70.793, -23.175, -71.063
Hunter-Lab	64.721, 1.486, -44.457
Binary	10000000, 10101110, 11111100

#80aefc
```
#80aefc rgb(128,174,252)
```
#fcce80
```
#fcce80 rgb(252,206,128)
```

Complementary Color

#80ecfc
```
#80ecfc rgb(128,236,252)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#9080fc
```
#9080fc rgb(144,128,252)
```

Analogous Color

#ecfc80
```
#ecfc80 rgb(236,252,128)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#fc9080
```
#fc9080 rgb(252,144,128)
```

Split Complementary Color

#aefc80
```
#aefc80 rgb(174,252,128)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#fc80ae
```
#fc80ae rgb(252,128,174)
```

Triadic Color

#80fcce
```
#80fcce rgb(128,252,206)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#fc80ae
```
#fc80ae rgb(252,128,174)
```
#fcce80
```
#fcce80 rgb(252,206,128)
```

Tetradic Color

#357efa
```
#357efa rgb(53,126,250)
```
#4e8efb
```
#4e8efb rgb(78,142,251)
```
#679efb
```
#679efb rgb(103,158,251)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#99befd
```
#99befd rgb(153,190,253)
```
#b2cefd
```
#b2cefd rgb(178,206,253)
```
#cbdefe
```
#cbdefe rgb(203,222,254)
```

Monochromatic Color

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

#80cdfc
```
#80cdfc rgb(128,205,252)
```
#80c3fc
```
#80c3fc rgb(128,195,252)
```
#80b8fc
```
#80b8fc rgb(128,184,252)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#80a4fc
```
#80a4fc rgb(128,164,252)
```
#8099fc
```
#8099fc rgb(128,153,252)
```
#808ffc
```
#808ffc rgb(128,143,252)
```

Similar Colors

Text with hexadecimal color #80aefc

This text has a font color of #80aefc.

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

#80aefc background color

This paragraph has a background color of #80aefc.

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

#80aefc border color

This element has a border color of #80aefc.

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

CSS codes

.text {color:#80aefc;}

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

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

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)
```
#010a1a
```
#010a1a rgb(1,10,26)
```
#01122d
```
#01122d rgb(1,18,45)
```
#021941
```
#021941 rgb(2,25,65)
```
#022054
```
#022054 rgb(2,32,84)
```
#022867
```
#022867 rgb(2,40,103)
```
#032f7a
```
#032f7a rgb(3,47,122)
```
#03378d
```
#03378d rgb(3,55,141)
```
#043ea0
```
#043ea0 rgb(4,62,160)
```
#0445b4
```
#0445b4 rgb(4,69,180)
```
#054dc7
```
#054dc7 rgb(5,77,199)
```
#0554da
```
#0554da rgb(5,84,218)
```
#065bed
```
#065bed rgb(6,91,237)
```

Shade Color Variation

#0d65f9
```
#0d65f9 rgb(13,101,249)
```
#2071fa
```
#2071fa rgb(32,113,250)
```
#337dfa
```
#337dfa rgb(51,125,250)
```
#4789fb
```
#4789fb rgb(71,137,251)
```
#5a96fb
```
#5a96fb rgb(90,150,251)
```
#6da2fc
```
#6da2fc rgb(109,162,252)
```
#80aefc
```
#80aefc rgb(128,174,252)
```
#93bafc
```
#93bafc rgb(147,186,252)
```
#a6c6fd
```
#a6c6fd rgb(166,198,253)
```
#b9d3fd
```
#b9d3fd rgb(185,211,253)
```
#cddffe
```
#cddffe rgb(205,223,254)
```
#e0ebfe
```
#e0ebfe rgb(224,235,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 #80aefc is the most saturated one.

#bcbdc0
```
#bcbdc0 rgb(188,189,192)
```
#b7bcc5
```
#b7bcc5 rgb(183,188,197)
```
#b2bbca
```
#b2bbca rgb(178,187,202)
```
#adbacf
```
#adbacf rgb(173,186,207)
```
#a8b8d4
```
#a8b8d4 rgb(168,184,212)
```
#a3b7d9
```
#a3b7d9 rgb(163,183,217)
```
#9eb6de
```
#9eb6de rgb(158,182,222)
```
#99b4e3
```
#99b4e3 rgb(153,180,227)
```
#94b3e8
```
#94b3e8 rgb(148,179,232)
```
#8fb2ed
```
#8fb2ed rgb(143,178,237)
```
#8ab1f2
```
#8ab1f2 rgb(138,177,242)
```
#85aff7
```
#85aff7 rgb(133,175,247)
```
#80aefc
```
#80aefc rgb(128,174,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a1aaba Atypical Achromatopsia 0.001% of the population

Dichromacy

#97aef9 Protanopia 1% of men
#8eb0fc Deuteranopia 1% of men
#72bcca Tritanopia 0.001% of the population

Trichromacy

#8eaefa Protanomaly 1% of men, 0.01% of women
#89affc Deuteranomaly 6% of men, 0.4% of women
#77b7dc Tritanomaly 0.01% of the population

#80aefc hex color

#80aefc Color Information

#80aefc Color Conversion

Color Schemes with #80aefc

Alternatives to #80aefc

#80aefc Preview

Shades and Tints of #80aefc

Tones of #80aefc

Color Blindness Simulator