#80afe6 hex color

In a RGB color space, hex #80afe6 is composed of 50.2% red, 68.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 23.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 212.4 degrees, a saturation of 67.1% and a lightness of 70.2%. #80afe6 color hex could be obtained by blending #ffffff with #015fcd. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 69
- B 90
RGB color chart
- C 44
- M 24
- Y 0
- K 10
CMYK color chart

● #80afe6 color description : Very soft blue.

The hexadecimal color #80afe6 has RGB values of R:128, G:175, B:230 and CMYK values of C:0.44, M:0.24, Y:0, K:0.1. Its decimal value is 8433638.

Hex triplet	80afe6	`#80afe6`
RGB Decimal	128, 175, 230	`rgb(128,175,230)`
RGB Percent	50.2, 68.6, 90.2	`rgb(50.2%,68.6%,90.2%)`
CMYK	44, 24, 0, 10
HSL	212.4°, 67.1, 70.2	`hsl(212.4,67.1%,70.2%)`
HSV (or HSB)	212.4°, 44.3, 90.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.148, -1.34, -32.49
XYZ	38.512, 40.961, 80.735
xyY	0.24, 0.256, 40.961
CIE-LCH	70.148, 32.518, 267.638
CIE-LUV	70.148, -23.477, -51.524
Hunter-Lab	64, -4.59, -29.993
Binary	10000000, 10101111, 11100110

#80afe6
```
#80afe6 rgb(128,175,230)
```
#e6b780
```
#e6b780 rgb(230,183,128)
```

Complementary Color

#80e2e6
```
#80e2e6 rgb(128,226,230)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#8480e6
```
#8480e6 rgb(132,128,230)
```

Analogous Color

#e2e680
```
#e2e680 rgb(226,230,128)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#e68480
```
#e68480 rgb(230,132,128)
```

Split Complementary Color

#afe680
```
#afe680 rgb(175,230,128)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#e680af
```
#e680af rgb(230,128,175)
```

Triadic Color

#80e6b7
```
#80e6b7 rgb(128,230,183)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#e680af
```
#e680af rgb(230,128,175)
```
#e6b780
```
#e6b780 rgb(230,183,128)
```

Tetradic Color

#4087d9
```
#4087d9 rgb(64,135,217)
```
#5594de
```
#5594de rgb(85,148,222)
```
#6ba2e2
```
#6ba2e2 rgb(107,162,226)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#95bcea
```
#95bcea rgb(149,188,234)
```
#abcaee
```
#abcaee rgb(171,202,238)
```
#c0d7f3
```
#c0d7f3 rgb(192,215,243)
```

Monochromatic Color

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

#80c9e6
```
#80c9e6 rgb(128,201,230)
```
#80c0e6
```
#80c0e6 rgb(128,192,230)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#80a7e6
```
#80a7e6 rgb(128,167,230)
```
#809ee6
```
#809ee6 rgb(128,158,230)
```
#8096e6
```
#8096e6 rgb(128,150,230)
```

Similar Colors

Text with hexadecimal color #80afe6

This text has a font color of #80afe6.

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

#80afe6 background color

This paragraph has a background color of #80afe6.

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

#80afe6 border color

This element has a border color of #80afe6.

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

CSS codes

.text {color:#80afe6;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#071525
```
#071525 rgb(7,21,37)
```
#0a1e35
```
#0a1e35 rgb(10,30,53)
```
#0e2746
```
#0e2746 rgb(14,39,70)
```
#113156
```
#113156 rgb(17,49,86)
```
#143a66
```
#143a66 rgb(20,58,102)
```
#174377
```
#174377 rgb(23,67,119)
```
#1b4d87
```
#1b4d87 rgb(27,77,135)
```
#1e5698
```
#1e5698 rgb(30,86,152)
```
#215fa8
```
#215fa8 rgb(33,95,168)
```
#2469b8
```
#2469b8 rgb(36,105,184)
```
#2872c9
```
#2872c9 rgb(40,114,201)
```

Shade Color Variation

#2e7bd6
```
#2e7bd6 rgb(46,123,214)
```
#3e86d9
```
#3e86d9 rgb(62,134,217)
```
#4f90dc
```
#4f90dc rgb(79,144,220)
```
#5f9ae0
```
#5f9ae0 rgb(95,154,224)
```
#70a5e3
```
#70a5e3 rgb(112,165,227)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#90b9e9
```
#90b9e9 rgb(144,185,233)
```
#a1c4ec
```
#a1c4ec rgb(161,196,236)
```
#b1cef0
```
#b1cef0 rgb(177,206,240)
```
#c2d8f3
```
#c2d8f3 rgb(194,216,243)
```
#d2e3f6
```
#d2e3f6 rgb(210,227,246)
```
#e2edf9
```
#e2edf9 rgb(226,237,249)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#afb3b7
```
#afb3b7 rgb(175,179,183)
```
#a9b2bd
```
#a9b2bd rgb(169,178,189)
```
#a3b2c3
```
#a3b2c3 rgb(163,178,195)
```
#9db1c9
```
#9db1c9 rgb(157,177,201)
```
#97b1cf
```
#97b1cf rgb(151,177,207)
```
#92b0d4
```
#92b0d4 rgb(146,176,212)
```
#8cb0da
```
#8cb0da rgb(140,176,218)
```
#86afe0
```
#86afe0 rgb(134,175,224)
```
#80afe6
```
#80afe6 rgb(128,175,230)
```
#7aafec
```
#7aafec rgb(122,175,236)
```
#74aef2
```
#74aef2 rgb(116,174,242)
```
#6eaef8
```
#6eaef8 rgb(110,174,248)
```
#69adfd
```
#69adfd rgb(105,173,253)
```

Tone Color Variation

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

Dichromacy

#9fade3 Protanopia 1% of men
#9dade9 Deuteranopia 1% of men
#7ab9c6 Tritanopia 0.001% of the population

Trichromacy

#94aee4 Protanomaly 1% of men, 0.01% of women
#92aee8 Deuteranomaly 6% of men, 0.4% of women
#7cb5d2 Tritanomaly 0.01% of the population

#80afe6 hex color

#80afe6 Color Information

#80afe6 Color Conversion

Color Schemes with #80afe6

Alternatives to #80afe6

#80afe6 Preview

Shades and Tints of #80afe6

Tones of #80afe6

Color Blindness Simulator