#80b8e6 hex color

In a RGB color space, hex #80b8e6 is composed of 50.2% red, 72.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 20% magenta, 0% yellow and 9.8% black. It has a hue angle of 207.1 degrees, a saturation of 67.1% and a lightness of 70.2%. #80b8e6 color hex could be obtained by blending #ffffff with #0171cd. Closest websafe color is: #99ccff.

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

● #80b8e6 color description : Very soft blue.

The hexadecimal color #80b8e6 has RGB values of R:128, G:184, B:230 and CMYK values of C:0.44, M:0.2, Y:0, K:0.1. Its decimal value is 8435942.

Hex triplet	80b8e6	`#80b8e6`
RGB Decimal	128, 184, 230	`rgb(128,184,230)`
RGB Percent	50.2, 72.2, 90.2	`rgb(50.2%,72.2%,90.2%)`
CMYK	44, 20, 0, 10
HSL	207.1°, 67.1, 70.2	`hsl(207.1,67.1%,70.2%)`
HSV (or HSB)	207.1°, 44.3, 90.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.615, -6.265, -28.687
XYZ	40.322, 44.581, 81.339
xyY	0.243, 0.268, 44.581
CIE-LCH	72.615, 29.363, 257.68
CIE-LUV	72.615, -27.005, -44.691
Hunter-Lab	66.769, -9.05, -25.489
Binary	10000000, 10111000, 11100110

#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#e6ae80
```
#e6ae80 rgb(230,174,128)
```

Complementary Color

#80e6e1
```
#80e6e1 rgb(128,230,225)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#8085e6
```
#8085e6 rgb(128,133,230)
```

Analogous Color

#e6e180
```
#e6e180 rgb(230,225,128)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#e68085
```
#e68085 rgb(230,128,133)
```

Split Complementary Color

#b8e680
```
#b8e680 rgb(184,230,128)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#e680b8
```
#e680b8 rgb(230,128,184)
```

Triadic Color

#80e6ae
```
#80e6ae rgb(128,230,174)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#e680b8
```
#e680b8 rgb(230,128,184)
```
#e6ae80
```
#e6ae80 rgb(230,174,128)
```

Tetradic Color

#4094d9
```
#4094d9 rgb(64,148,217)
```
#55a0de
```
#55a0de rgb(85,160,222)
```
#6bace2
```
#6bace2 rgb(107,172,226)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#95c4ea
```
#95c4ea rgb(149,196,234)
```
#abd0ee
```
#abd0ee rgb(171,208,238)
```
#c0dcf3
```
#c0dcf3 rgb(192,220,243)
```

Monochromatic Color

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

#80d2e6
```
#80d2e6 rgb(128,210,230)
```
#80c9e6
```
#80c9e6 rgb(128,201,230)
```
#80c1e6
```
#80c1e6 rgb(128,193,230)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#80b0e6
```
#80b0e6 rgb(128,176,230)
```
#80a7e6
```
#80a7e6 rgb(128,167,230)
```
#809fe6
```
#809fe6 rgb(128,159,230)
```

Similar Colors

Text with hexadecimal color #80b8e6

This text has a font color of #80b8e6.

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

#80b8e6 background color

This paragraph has a background color of #80b8e6.

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

#80b8e6 border color

This element has a border color of #80b8e6.

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

CSS codes

.text {color:#80b8e6;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040d15
```
#040d15 rgb(4,13,21)
```
#071825
```
#071825 rgb(7,24,37)
```
#0a2235
```
#0a2235 rgb(10,34,53)
```
#0e2c46
```
#0e2c46 rgb(14,44,70)
```
#113756
```
#113756 rgb(17,55,86)
```
#144166
```
#144166 rgb(20,65,102)
```
#174c77
```
#174c77 rgb(23,76,119)
```
#1b5687
```
#1b5687 rgb(27,86,135)
```
#1e6198
```
#1e6198 rgb(30,97,152)
```
#216ba8
```
#216ba8 rgb(33,107,168)
```
#2476b8
```
#2476b8 rgb(36,118,184)
```
#2880c9
```
#2880c9 rgb(40,128,201)
```

Shade Color Variation

#2e8ad6
```
#2e8ad6 rgb(46,138,214)
```
#3e93d9
```
#3e93d9 rgb(62,147,217)
```
#4f9ddc
```
#4f9ddc rgb(79,157,220)
```
#5fa6e0
```
#5fa6e0 rgb(95,166,224)
```
#70afe3
```
#70afe3 rgb(112,175,227)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#90c1e9
```
#90c1e9 rgb(144,193,233)
```
#a1caec
```
#a1caec rgb(161,202,236)
```
#b1d3f0
```
#b1d3f0 rgb(177,211,240)
```
#c2ddf3
```
#c2ddf3 rgb(194,221,243)
```
#d2e6f6
```
#d2e6f6 rgb(210,230,246)
```
#e2eff9
```
#e2eff9 rgb(226,239,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,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 #69bafd is the most saturated one.

#afb3b7
```
#afb3b7 rgb(175,179,183)
```
#a9b4bd
```
#a9b4bd rgb(169,180,189)
```
#a3b5c3
```
#a3b5c3 rgb(163,181,195)
```
#9db5c9
```
#9db5c9 rgb(157,181,201)
```
#97b6cf
```
#97b6cf rgb(151,182,207)
```
#92b6d4
```
#92b6d4 rgb(146,182,212)
```
#8cb7da
```
#8cb7da rgb(140,183,218)
```
#86b7e0
```
#86b7e0 rgb(134,183,224)
```
#80b8e6
```
#80b8e6 rgb(128,184,230)
```
#7ab9ec
```
#7ab9ec rgb(122,185,236)
```
#74b9f2
```
#74b9f2 rgb(116,185,242)
```
#6ebaf8
```
#6ebaf8 rgb(110,186,248)
```
#69bafd
```
#69bafd rgb(105,186,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a4afb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b4e2 Protanopia 1% of men
#a8b3ea Deuteranopia 1% of men
#7dc0ce Tritanopia 0.001% of the population

Trichromacy

#9ab5e3 Protanomaly 1% of men, 0.01% of women
#99b5e8 Deuteranomaly 6% of men, 0.4% of women
#7ebdd6 Tritanomaly 0.01% of the population

#80b8e6 hex color

#80b8e6 Color Information

#80b8e6 Color Conversion

Color Schemes with #80b8e6

Alternatives to #80b8e6

#80b8e6 Preview

Shades and Tints of #80b8e6

Tones of #80b8e6

Color Blindness Simulator