#80aefb hex color

In a RGB color space, hex #80aefb is composed of 50.2% red, 68.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 30.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 217.6 degrees, a saturation of 93.9% and a lightness of 74.3%. #80aefb color hex could be obtained by blending #ffffff with #015df7. Closest websafe color is: #9999ff.

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

● #80aefb color description : Soft blue.

The hexadecimal color #80aefb has RGB values of R:128, G:174, B:251 and CMYK values of C:0.49, M:0.31, Y:0, K:0.02. Its decimal value is 8433403.

Hex triplet	80aefb	`#80aefb`
RGB Decimal	128, 174, 251	`rgb(128,174,251)`
RGB Percent	50.2, 68.2, 98.4	`rgb(50.2%,68.2%,98.4%)`
CMYK	49, 31, 0, 2
HSL	217.6°, 93.9, 74.3	`hsl(217.6,93.9%,74.3%)`
HSV (or HSB)	217.6°, 49, 98.4
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.75, 5.238, -42.973
XYZ	41.447, 41.824, 97.15
xyY	0.23, 0.232, 41.824
CIE-LCH	70.75, 43.291, 276.949
CIE-LUV	70.75, -23.17, -70.214
Hunter-Lab	64.672, 1.222, -43.796
Binary	10000000, 10101110, 11111011

#80aefb
```
#80aefb rgb(128,174,251)
```
#fbcd80
```
#fbcd80 rgb(251,205,128)
```

Complementary Color

#80ecfb
```
#80ecfb rgb(128,236,251)
```
#80aefb
```
#80aefb rgb(128,174,251)
```
#9080fb
```
#9080fb rgb(144,128,251)
```

Analogous Color

#ecfb80
```
#ecfb80 rgb(236,251,128)
```
#80aefb
```
#80aefb rgb(128,174,251)
```
#fb9080
```
#fb9080 rgb(251,144,128)
```

Split Complementary Color

#aefb80
```
#aefb80 rgb(174,251,128)
```
#80aefb
```
#80aefb rgb(128,174,251)
```
#fb80ae
```
#fb80ae rgb(251,128,174)
```

Triadic Color

#80fbcd
```
#80fbcd rgb(128,251,205)
```
#80aefb
```
#80aefb rgb(128,174,251)
```
#fb80ae
```
#fb80ae rgb(251,128,174)
```
#fbcd80
```
#fbcd80 rgb(251,205,128)
```

Tetradic Color

#367ff9
```
#367ff9 rgb(54,127,249)
```
#4f8ef9
```
#4f8ef9 rgb(79,142,249)
```
#679efa
```
#679efa rgb(103,158,250)
```
#80aefb
```
#80aefb rgb(128,174,251)
```
#99befc
```
#99befc rgb(153,190,252)
```
#b1cefd
```
#b1cefd rgb(177,206,253)
```
#caddfd
```
#caddfd rgb(202,221,253)
```

Monochromatic Color

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

#80cdfb
```
#80cdfb rgb(128,205,251)
```
#80c3fb
```
#80c3fb rgb(128,195,251)
```
#80b8fb
```
#80b8fb rgb(128,184,251)
```
#80aefb
```
#80aefb rgb(128,174,251)
```
#80a4fb
```
#80a4fb rgb(128,164,251)
```
#809afb
```
#809afb rgb(128,154,251)
```
#808ffb
```
#808ffb rgb(128,143,251)
```

Similar Colors

Text with hexadecimal color #80aefb

This text has a font color of #80aefb.

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

#80aefb background color

This paragraph has a background color of #80aefb.

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

#80aefb border color

This element has a border color of #80aefb.

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

CSS codes

.text {color:#80aefb;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#010a19
```
#010a19 rgb(1,10,25)
```
#01112c
```
#01112c rgb(1,17,44)
```
#02193f
```
#02193f rgb(2,25,63)
```
#032052
```
#032052 rgb(3,32,82)
```
#032865
```
#032865 rgb(3,40,101)
```
#042f78
```
#042f78 rgb(4,47,120)
```
#04378b
```
#04378b rgb(4,55,139)
```
#053e9e
```
#053e9e rgb(5,62,158)
```
#0646b1
```
#0646b1 rgb(6,70,177)
```
#064dc4
```
#064dc4 rgb(6,77,196)
```
#0755d7
```
#0755d7 rgb(7,85,215)
```
#075cea
```
#075cea rgb(7,92,234)
```

Shade Color Variation

#0e65f7
```
#0e65f7 rgb(14,101,247)
```
#2171f8
```
#2171f8 rgb(33,113,248)
```
#347df9
```
#347df9 rgb(52,125,249)
```
#478af9
```
#478af9 rgb(71,138,249)
```
#5a96fa
```
#5a96fa rgb(90,150,250)
```
#6da2fa
```
#6da2fa rgb(109,162,250)
```
#80aefb
```
#80aefb rgb(128,174,251)
```
#93bafc
```
#93bafc rgb(147,186,252)
```
#a6c6fc
```
#a6c6fc rgb(166,198,252)
```
#b9d2fd
```
#b9d2fd rgb(185,210,253)
```
#ccdffd
```
#ccdffd rgb(204,223,253)
```
#dfebfe
```
#dfebfe rgb(223,235,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#bcbdbf
```
#bcbdbf rgb(188,189,191)
```
#b7bcc4
```
#b7bcc4 rgb(183,188,196)
```
#b2bbc9
```
#b2bbc9 rgb(178,187,201)
```
#adb9ce
```
#adb9ce rgb(173,185,206)
```
#a8b8d3
```
#a8b8d3 rgb(168,184,211)
```
#a3b7d8
```
#a3b7d8 rgb(163,183,216)
```
#9eb6dd
```
#9eb6dd rgb(158,182,221)
```
#99b4e2
```
#99b4e2 rgb(153,180,226)
```
#94b3e7
```
#94b3e7 rgb(148,179,231)
```
#8fb2ec
```
#8fb2ec rgb(143,178,236)
```
#8ab1f1
```
#8ab1f1 rgb(138,177,241)
```
#85aff6
```
#85aff6 rgb(133,175,246)
```
#80aefb
```
#80aefb rgb(128,174,251)
```

Tone Color Variation

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

Dichromacy

#97aef8 Protanopia 1% of men
#8eb0fb Deuteranopia 1% of men
#72bcca Tritanopia 0.001% of the population

Trichromacy

#8eaef9 Protanomaly 1% of men, 0.01% of women
#89affb Deuteranomaly 6% of men, 0.4% of women
#77b7db Tritanomaly 0.01% of the population

#80aefb hex color

#80aefb Color Information

#80aefb Color Conversion

Color Schemes with #80aefb

Alternatives to #80aefb

#80aefb Preview

Shades and Tints of #80aefb

Tones of #80aefb

Color Blindness Simulator