#80baeb hex color

In a RGB color space, hex #80baeb is composed of 50.2% red, 72.9% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 20.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 207.5 degrees, a saturation of 72.8% and a lightness of 71.2%. #80baeb color hex could be obtained by blending #ffffff with #0175d7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 73
- B 92
RGB color chart
- C 46
- M 21
- Y 0
- K 8
CMYK color chart

● #80baeb color description : Soft blue.

The hexadecimal color #80baeb has RGB values of R:128, G:186, B:235 and CMYK values of C:0.46, M:0.21, Y:0, K:0.08. Its decimal value is 8436459.

Hex triplet	80baeb	`#80baeb`
RGB Decimal	128, 186, 235	`rgb(128,186,235)`
RGB Percent	50.2, 72.9, 92.2	`rgb(50.2%,72.9%,92.2%)`
CMYK	46, 21, 0, 8
HSL	207.5°, 72.8, 71.2	`hsl(207.5,72.8%,71.2%)`
HSV (or HSB)	207.5°, 45.5, 92.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.352, -5.963, -30.265
XYZ	41.453, 45.703, 85.23
xyY	0.24, 0.265, 45.703
CIE-LCH	73.352, 30.847, 258.854
CIE-LUV	73.352, -27.756, -47.453
Hunter-Lab	67.604, -8.856, -27.425
Binary	10000000, 10111010, 11101011

#80baeb
```
#80baeb rgb(128,186,235)
```
#ebb180
```
#ebb180 rgb(235,177,128)
```

Complementary Color

#80ebe7
```
#80ebe7 rgb(128,235,231)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#8085eb
```
#8085eb rgb(128,133,235)
```

Analogous Color

#ebe780
```
#ebe780 rgb(235,231,128)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#eb8085
```
#eb8085 rgb(235,128,133)
```

Split Complementary Color

#baeb80
```
#baeb80 rgb(186,235,128)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#eb80ba
```
#eb80ba rgb(235,128,186)
```

Triadic Color

#80ebb1
```
#80ebb1 rgb(128,235,177)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#eb80ba
```
#eb80ba rgb(235,128,186)
```
#ebb180
```
#ebb180 rgb(235,177,128)
```

Tetradic Color

#3e96e1
```
#3e96e1 rgb(62,150,225)
```
#54a2e4
```
#54a2e4 rgb(84,162,228)
```
#6aaee8
```
#6aaee8 rgb(106,174,232)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#96c6ee
```
#96c6ee rgb(150,198,238)
```
#acd2f2
```
#acd2f2 rgb(172,210,242)
```
#c2def5
```
#c2def5 rgb(194,222,245)
```

Monochromatic Color

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

#80d5eb
```
#80d5eb rgb(128,213,235)
```
#80cceb
```
#80cceb rgb(128,204,235)
```
#80c3eb
```
#80c3eb rgb(128,195,235)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#80b1eb
```
#80b1eb rgb(128,177,235)
```
#80a8eb
```
#80a8eb rgb(128,168,235)
```
#809feb
```
#809feb rgb(128,159,235)
```

Similar Colors

Text with hexadecimal color #80baeb

This text has a font color of #80baeb.

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

#80baeb background color

This paragraph has a background color of #80baeb.

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

#80baeb border color

This element has a border color of #80baeb.

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

CSS codes

.text {color:#80baeb;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#04101a
```
#04101a rgb(4,16,26)
```
#071a2a
```
#071a2a rgb(7,26,42)
```
#09243b
```
#09243b rgb(9,36,59)
```
#0c2f4c
```
#0c2f4c rgb(12,47,76)
```
#0f395d
```
#0f395d rgb(15,57,93)
```
#11446e
```
#11446e rgb(17,68,110)
```
#144e7f
```
#144e7f rgb(20,78,127)
```
#175990
```
#175990 rgb(23,89,144)
```
#1963a1
```
#1963a1 rgb(25,99,161)
```
#1c6db2
```
#1c6db2 rgb(28,109,178)
```
#1f78c3
```
#1f78c3 rgb(31,120,195)
```
#2182d4
```
#2182d4 rgb(33,130,212)
```

Shade Color Variation

#2b8cde
```
#2b8cde rgb(43,140,222)
```
#3c95e0
```
#3c95e0 rgb(60,149,224)
```
#4d9ee3
```
#4d9ee3 rgb(77,158,227)
```
#5ea8e6
```
#5ea8e6 rgb(94,168,230)
```
#6fb1e8
```
#6fb1e8 rgb(111,177,232)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#91c3ee
```
#91c3ee rgb(145,195,238)
```
#a2ccf0
```
#a2ccf0 rgb(162,204,240)
```
#b3d6f3
```
#b3d6f3 rgb(179,214,243)
```
#c4dff6
```
#c4dff6 rgb(196,223,246)
```
#d5e8f8
```
#d5e8f8 rgb(213,232,248)
```
#e6f1fb
```
#e6f1fb rgb(230,241,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#b3b6b8
```
#b3b6b8 rgb(179,182,184)
```
#adb6be
```
#adb6be rgb(173,182,190)
```
#a8b7c3
```
#a8b7c3 rgb(168,183,195)
```
#a2b7c9
```
#a2b7c9 rgb(162,183,201)
```
#9cb8cf
```
#9cb8cf rgb(156,184,207)
```
#97b8d4
```
#97b8d4 rgb(151,184,212)
```
#91b9da
```
#91b9da rgb(145,185,218)
```
#8bb9e0
```
#8bb9e0 rgb(139,185,224)
```
#86bae5
```
#86bae5 rgb(134,186,229)
```
#80baeb
```
#80baeb rgb(128,186,235)
```
#7abaf1
```
#7abaf1 rgb(122,186,241)
```
#75bbf6
```
#75bbf6 rgb(117,187,246)
```
#6fbbfc
```
#6fbbfc rgb(111,187,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a5b0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab6e7 Protanopia 1% of men
#a8b5ef Deuteranopia 1% of men
#7cc2d0 Tritanopia 0.001% of the population

Trichromacy

#9bb7e8 Protanomaly 1% of men, 0.01% of women
#99b7ed Deuteranomaly 6% of men, 0.4% of women
#7dbfda Tritanomaly 0.01% of the population

#80baeb hex color

#80baeb Color Information

#80baeb Color Conversion

Color Schemes with #80baeb

Alternatives to #80baeb

#80baeb Preview

Shades and Tints of #80baeb

Tones of #80baeb

Color Blindness Simulator