#80aaff hex color

In a RGB color space, hex #80aaff is composed of 50.2% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 220.2 degrees, a saturation of 100% and a lightness of 75.1%. #80aaff color hex could be obtained by blending #ffffff with #0155ff. Closest websafe color is: #9999ff.

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

● #80aaff color description : Very light blue.

The hexadecimal color #80aaff has RGB values of R:128, G:170, B:255 and CMYK values of C:0.5, M:0.33, Y:0, K:0. Its decimal value is 8432383.

Hex triplet	80aaff	`#80aaff`
RGB Decimal	128, 170, 255	`rgb(128,170,255)`
RGB Percent	50.2, 66.7, 100	`rgb(50.2%,66.7%,100%)`
CMYK	50, 33, 0, 0
HSL	220.2°, 100, 75.1	`hsl(220.2,100%,75.1%)`
HSV (or HSB)	220.2°, 49.8, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.864, 8.676, -46.528
XYZ	41.323, 40.557, 100.253
xyY	0.227, 0.223, 40.557
CIE-LCH	69.864, 47.33, 280.562
CIE-LUV	69.864, -21.732, -76.555
Hunter-Lab	63.684, 4.376, -48.757
Binary	10000000, 10101010, 11111111

#80aaff
```
#80aaff rgb(128,170,255)
```
#ffd580
```
#ffd580 rgb(255,213,128)
```

Complementary Color

#80eaff
```
#80eaff rgb(128,234,255)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#9680ff
```
#9680ff rgb(150,128,255)
```

Analogous Color

#eaff80
```
#eaff80 rgb(234,255,128)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#ff9680
```
#ff9680 rgb(255,150,128)
```

Split Complementary Color

#aaff80
```
#aaff80 rgb(170,255,128)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#ff80aa
```
#ff80aa rgb(255,128,170)
```

Triadic Color

#80ffd5
```
#80ffd5 rgb(128,255,213)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#ff80aa
```
#ff80aa rgb(255,128,170)
```
#ffd580
```
#ffd580 rgb(255,213,128)
```

Tetradic Color

#3477ff
```
#3477ff rgb(52,119,255)
```
#4d88ff
```
#4d88ff rgb(77,136,255)
```
#6799ff
```
#6799ff rgb(103,153,255)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#9abbff
```
#9abbff rgb(154,187,255)
```
#b3ccff
```
#b3ccff rgb(179,204,255)
```
#cdddff
```
#cdddff rgb(205,221,255)
```

Monochromatic Color

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

#80caff
```
#80caff rgb(128,202,255)
```
#80bfff
```
#80bfff rgb(128,191,255)
```
#80b5ff
```
#80b5ff rgb(128,181,255)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#809fff
```
#809fff rgb(128,159,255)
```
#8095ff
```
#8095ff rgb(128,149,255)
```
#808aff
```
#808aff rgb(128,138,255)
```

Similar Colors

Text with hexadecimal color #80aaff

This text has a font color of #80aaff.

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

#80aaff background color

This paragraph has a background color of #80aaff.

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

#80aaff border color

This element has a border color of #80aaff.

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

CSS codes

.text {color:#80aaff;}

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

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

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, #00030a is the darkest color, while #f6f9ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#000a1e
```
#000a1e rgb(0,10,30)
```
#001032
```
#001032 rgb(0,16,50)
```
#001745
```
#001745 rgb(0,23,69)
```
#001d59
```
#001d59 rgb(0,29,89)
```
#00246c
```
#00246c rgb(0,36,108)
```
#002a80
```
#002a80 rgb(0,42,128)
```
#003194
```
#003194 rgb(0,49,148)
```
#0037a7
```
#0037a7 rgb(0,55,167)
```
#003ebb
```
#003ebb rgb(0,62,187)
```
#0044ce
```
#0044ce rgb(0,68,206)
```
#004be2
```
#004be2 rgb(0,75,226)
```
#0051f6
```
#0051f6 rgb(0,81,246)
```

Shade Color Variation

#0a5bff
```
#0a5bff rgb(10,91,255)
```
#1e68ff
```
#1e68ff rgb(30,104,255)
```
#3275ff
```
#3275ff rgb(50,117,255)
```
#4583ff
```
#4583ff rgb(69,131,255)
```
#5990ff
```
#5990ff rgb(89,144,255)
```
#6c9dff
```
#6c9dff rgb(108,157,255)
```
#80aaff
```
#80aaff rgb(128,170,255)
```
#94b7ff
```
#94b7ff rgb(148,183,255)
```
#a7c4ff
```
#a7c4ff rgb(167,196,255)
```
#bbd1ff
```
#bbd1ff rgb(187,209,255)
```
#cedfff
```
#cedfff rgb(206,223,255)
```
#e2ecff
```
#e2ecff rgb(226,236,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#bbbec4
```
#bbbec4 rgb(187,190,196)
```
#b6bcc9
```
#b6bcc9 rgb(182,188,201)
```
#b1bbce
```
#b1bbce rgb(177,187,206)
```
#acb9d3
```
#acb9d3 rgb(172,185,211)
```
#a7b7d8
```
#a7b7d8 rgb(167,183,216)
```
#a2b6dd
```
#a2b6dd rgb(162,182,221)
```
#9db4e2
```
#9db4e2 rgb(157,180,226)
```
#98b2e7
```
#98b2e7 rgb(152,178,231)
```
#94b1eb
```
#94b1eb rgb(148,177,235)
```
#8faff0
```
#8faff0 rgb(143,175,240)
```
#8aadf5
```
#8aadf5 rgb(138,173,245)
```
#85acfa
```
#85acfa rgb(133,172,250)
```
#80aaff
```
#80aaff rgb(128,170,255)
```

Tone Color Variation

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

Dichromacy

#90acfd Protanopia 1% of men
#86aefe Deuteranopia 1% of men
#6fbac7 Tritanopia 0.001% of the population

Trichromacy

#8aabfe Protanomaly 1% of men, 0.01% of women
#83acfe Deuteranomaly 6% of men, 0.4% of women
#75b4db Tritanomaly 0.01% of the population

#80aaff hex color

#80aaff Color Information

#80aaff Color Conversion

Color Schemes with #80aaff

Alternatives to #80aaff

#80aaff Preview

Shades and Tints of #80aaff

Tones of #80aaff

Color Blindness Simulator