#80bee8 hex color

In a RGB color space, hex #80bee8 is composed of 50.2% red, 74.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 18.1% magenta, 0% yellow and 9% black. It has a hue angle of 204.2 degrees, a saturation of 69.3% and a lightness of 70.6%. #80bee8 color hex could be obtained by blending #ffffff with #017dd1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 75
- B 91
RGB color chart
- C 45
- M 18
- Y 0
- K 9
CMYK color chart

● #80bee8 color description : Very soft blue.

The hexadecimal color #80bee8 has RGB values of R:128, G:190, B:232 and CMYK values of C:0.45, M:0.18, Y:0, K:0.09. Its decimal value is 8437480.

Hex triplet	80bee8	`#80bee8`
RGB Decimal	128, 190, 232	`rgb(128,190,232)`
RGB Percent	50.2, 74.5, 91	`rgb(50.2%,74.5%,91%)`
CMYK	45, 18, 0, 9
HSL	204.2°, 69.3, 70.6	`hsl(204.2,69.3%,70.6%)`
HSV (or HSB)	204.2°, 44.8, 91
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.343, -8.943, -27.119
XYZ	41.878, 47.24, 83.251
xyY	0.243, 0.274, 47.24
CIE-LCH	74.343, 28.555, 251.75
CIE-LUV	74.343, -29.35, -41.823
Hunter-Lab	68.731, -11.521, -23.703
Binary	10000000, 10111110, 11101000

#80bee8
```
#80bee8 rgb(128,190,232)
```
#e8aa80
```
#e8aa80 rgb(232,170,128)
```

Complementary Color

#80e8de
```
#80e8de rgb(128,232,222)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#808ae8
```
#808ae8 rgb(128,138,232)
```

Analogous Color

#e8de80
```
#e8de80 rgb(232,222,128)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#e8808a
```
#e8808a rgb(232,128,138)
```

Split Complementary Color

#bee880
```
#bee880 rgb(190,232,128)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#e880be
```
#e880be rgb(232,128,190)
```

Triadic Color

#80e8aa
```
#80e8aa rgb(128,232,170)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#e880be
```
#e880be rgb(232,128,190)
```
#e8aa80
```
#e8aa80 rgb(232,170,128)
```

Tetradic Color

#3f9ddc
```
#3f9ddc rgb(63,157,220)
```
#55a8e0
```
#55a8e0 rgb(85,168,224)
```
#6ab3e4
```
#6ab3e4 rgb(106,179,228)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#96c9ec
```
#96c9ec rgb(150,201,236)
```
#abd4f0
```
#abd4f0 rgb(171,212,240)
```
#c1dff4
```
#c1dff4 rgb(193,223,244)
```

Monochromatic Color

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

#80d8e8
```
#80d8e8 rgb(128,216,232)
```
#80cfe8
```
#80cfe8 rgb(128,207,232)
```
#80c7e8
```
#80c7e8 rgb(128,199,232)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#80b5e8
```
#80b5e8 rgb(128,181,232)
```
#80ade8
```
#80ade8 rgb(128,173,232)
```
#80a4e8
```
#80a4e8 rgb(128,164,232)
```

Similar Colors

Text with hexadecimal color #80bee8

This text has a font color of #80bee8.

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

#80bee8 background color

This paragraph has a background color of #80bee8.

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

#80bee8 border color

This element has a border color of #80bee8.

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

CSS codes

.text {color:#80bee8;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#040f16
```
#040f16 rgb(4,15,22)
```
#071a27
```
#071a27 rgb(7,26,39)
```
#0a2538
```
#0a2538 rgb(10,37,56)
```
#0d3048
```
#0d3048 rgb(13,48,72)
```
#103c59
```
#103c59 rgb(16,60,89)
```
#13476a
```
#13476a rgb(19,71,106)
```
#16527a
```
#16527a rgb(22,82,122)
```
#195d8b
```
#195d8b rgb(25,93,139)
```
#1c689b
```
#1c689b rgb(28,104,155)
```
#1f73ac
```
#1f73ac rgb(31,115,172)
```
#227ebd
```
#227ebd rgb(34,126,189)
```
#2589cd
```
#2589cd rgb(37,137,205)
```

Shade Color Variation

#2d94d9
```
#2d94d9 rgb(45,148,217)
```
#3e9cdc
```
#3e9cdc rgb(62,156,220)
```
#4ea5df
```
#4ea5df rgb(78,165,223)
```
#5fade2
```
#5fade2 rgb(95,173,226)
```
#6fb6e5
```
#6fb6e5 rgb(111,182,229)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#91c7eb
```
#91c7eb rgb(145,199,235)
```
#a1cfee
```
#a1cfee rgb(161,207,238)
```
#b2d8f1
```
#b2d8f1 rgb(178,216,241)
```
#c2e0f4
```
#c2e0f4 rgb(194,224,244)
```
#d3e9f7
```
#d3e9f7 rgb(211,233,247)
```
#e4f1fa
```
#e4f1fa rgb(228,241,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#b4b4b4
```
#b4b4b4 rgb(180,180,180)
```
#aeb5ba
```
#aeb5ba rgb(174,181,186)
```
#a8b6c0
```
#a8b6c0 rgb(168,182,192)
```
#a3b7c5
```
#a3b7c5 rgb(163,183,197)
```
#9db8cb
```
#9db8cb rgb(157,184,203)
```
#97bad1
```
#97bad1 rgb(151,186,209)
```
#91bbd7
```
#91bbd7 rgb(145,187,215)
```
#8cbcdc
```
#8cbcdc rgb(140,188,220)
```
#86bde2
```
#86bde2 rgb(134,189,226)
```
#80bee8
```
#80bee8 rgb(128,190,232)
```
#7abfee
```
#7abfee rgb(122,191,238)
```
#74c0f4
```
#74c0f4 rgb(116,192,244)
```
#6fc1f9
```
#6fc1f9 rgb(111,193,249)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a6b3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb8e3 Protanopia 1% of men
#afb7ec Deuteranopia 1% of men
#7ec5d3 Tritanopia 0.001% of the population

Trichromacy

#9ebae5 Protanomaly 1% of men, 0.01% of women
#9eb9eb Deuteranomaly 6% of men, 0.4% of women
#7fc2db Tritanomaly 0.01% of the population

#80bee8 hex color

#80bee8 Color Information

#80bee8 Color Conversion

Color Schemes with #80bee8

Alternatives to #80bee8

#80bee8 Preview

Shades and Tints of #80bee8

Tones of #80bee8

Color Blindness Simulator