#80baef hex color

In a RGB color space, hex #80baef is composed of 50.2% red, 72.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 22.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 208.6 degrees, a saturation of 77.6% and a lightness of 72%. #80baef color hex could be obtained by blending #ffffff with #0175df. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 50
- G 73
- B 94
RGB color chart
- C 46
- M 22
- Y 0
- K 6
CMYK color chart

● #80baef color description : Soft blue.

The hexadecimal color #80baef has RGB values of R:128, G:186, B:239 and CMYK values of C:0.46, M:0.22, Y:0, K:0.06. Its decimal value is 8436463.

Hex triplet	80baef	`#80baef`
RGB Decimal	128, 186, 239	`rgb(128,186,239)`
RGB Percent	50.2, 72.9, 93.7	`rgb(50.2%,72.9%,93.7%)`
CMYK	46, 22, 0, 6
HSL	208.6°, 77.6, 72	`hsl(208.6,77.6%,72%)`
HSV (or HSB)	208.6°, 46.4, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.505, -4.845, -32.195
XYZ	42.037, 45.937, 88.308
xyY	0.238, 0.261, 45.937
CIE-LCH	73.505, 32.558, 261.442
CIE-LUV	73.505, -27.728, -50.884
Hunter-Lab	67.777, -7.898, -29.807
Binary	10000000, 10111010, 11101111

#80baef
```
#80baef rgb(128,186,239)
```
#efb580
```
#efb580 rgb(239,181,128)
```

Complementary Color

#80efed
```
#80efed rgb(128,239,237)
```
#80baef
```
#80baef rgb(128,186,239)
```
#8083ef
```
#8083ef rgb(128,131,239)
```

Analogous Color

#efed80
```
#efed80 rgb(239,237,128)
```
#80baef
```
#80baef rgb(128,186,239)
```
#ef8083
```
#ef8083 rgb(239,128,131)
```

Split Complementary Color

#baef80
```
#baef80 rgb(186,239,128)
```
#80baef
```
#80baef rgb(128,186,239)
```
#ef80ba
```
#ef80ba rgb(239,128,186)
```

Triadic Color

#80efb5
```
#80efb5 rgb(128,239,181)
```
#80baef
```
#80baef rgb(128,186,239)
```
#ef80ba
```
#ef80ba rgb(239,128,186)
```
#efb580
```
#efb580 rgb(239,181,128)
```

Tetradic Color

#3c95e6
```
#3c95e6 rgb(60,149,230)
```
#53a1e9
```
#53a1e9 rgb(83,161,233)
```
#69aeec
```
#69aeec rgb(105,174,236)
```
#80baef
```
#80baef rgb(128,186,239)
```
#97c6f2
```
#97c6f2 rgb(151,198,242)
```
#add3f5
```
#add3f5 rgb(173,211,245)
```
#c4dff8
```
#c4dff8 rgb(196,223,248)
```

Monochromatic Color

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

#80d6ef
```
#80d6ef rgb(128,214,239)
```
#80cdef
```
#80cdef rgb(128,205,239)
```
#80c3ef
```
#80c3ef rgb(128,195,239)
```
#80baef
```
#80baef rgb(128,186,239)
```
#80b1ef
```
#80b1ef rgb(128,177,239)
```
#80a8ef
```
#80a8ef rgb(128,168,239)
```
#809eef
```
#809eef rgb(128,158,239)
```

Similar Colors

Text with hexadecimal color #80baef

This text has a font color of #80baef.

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

#80baef background color

This paragraph has a background color of #80baef.

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

#80baef border color

This element has a border color of #80baef.

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

CSS codes

.text {color:#80baef;}

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

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

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, #02070c is the darkest color, while #fafcfe is the lightest one.

#02070c
```
#02070c rgb(2,7,12)
```
#04111e
```
#04111e rgb(4,17,30)
```
#061c2f
```
#061c2f rgb(6,28,47)
```
#082641
```
#082641 rgb(8,38,65)
```
#0a3052
```
#0a3052 rgb(10,48,82)
```
#0d3a63
```
#0d3a63 rgb(13,58,99)
```
#0f4475
```
#0f4475 rgb(15,68,117)
```
#114e86
```
#114e86 rgb(17,78,134)
```
#135898
```
#135898 rgb(19,88,152)
```
#1563a9
```
#1563a9 rgb(21,99,169)
```
#186dbb
```
#186dbb rgb(24,109,187)
```
#1a77cc
```
#1a77cc rgb(26,119,204)
```
#1c81dd
```
#1c81dd rgb(28,129,221)
```

Shade Color Variation

#298be4
```
#298be4 rgb(41,139,228)
```
#3a94e6
```
#3a94e6 rgb(58,148,230)
```
#4c9ee8
```
#4c9ee8 rgb(76,158,232)
```
#5da7eb
```
#5da7eb rgb(93,167,235)
```
#6fb1ed
```
#6fb1ed rgb(111,177,237)
```
#80baef
```
#80baef rgb(128,186,239)
```
#91c3f1
```
#91c3f1 rgb(145,195,241)
```
#a3cdf3
```
#a3cdf3 rgb(163,205,243)
```
#b4d6f6
```
#b4d6f6 rgb(180,214,246)
```
#c6e0f8
```
#c6e0f8 rgb(198,224,248)
```
#d7e9fa
```
#d7e9fa rgb(215,233,250)
```
#e9f3fc
```
#e9f3fc rgb(233,243,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#b7b8b8
```
#b7b8b8 rgb(183,184,184)
```
#b2b8be
```
#b2b8be rgb(178,184,190)
```
#acb8c3
```
#acb8c3 rgb(172,184,195)
```
#a7b8c9
```
#a7b8c9 rgb(167,184,201)
```
#a1b9ce
```
#a1b9ce rgb(161,185,206)
```
#9cb9d4
```
#9cb9d4 rgb(156,185,212)
```
#96b9d9
```
#96b9d9 rgb(150,185,217)
```
#91b9df
```
#91b9df rgb(145,185,223)
```
#8bbae4
```
#8bbae4 rgb(139,186,228)
```
#86baea
```
#86baea rgb(134,186,234)
```
#80baef
```
#80baef rgb(128,186,239)
```
#7bbaf5
```
#7bbaf5 rgb(123,186,245)
```
#75bafa
```
#75bafa rgb(117,186,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a6b1bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b6eb Protanopia 1% of men
#a6b6f2 Deuteranopia 1% of men
#7bc3d1 Tritanopia 0.001% of the population

Trichromacy

#9ab7ec Protanomaly 1% of men, 0.01% of women
#98b7f1 Deuteranomaly 6% of men, 0.4% of women
#7cbfdc Tritanomaly 0.01% of the population

#80baef hex color

#80baef Color Information

#80baef Color Conversion

Color Schemes with #80baef

Alternatives to #80baef

#80baef Preview

Shades and Tints of #80baef

Tones of #80baef

Color Blindness Simulator