#80bbef hex color

In a RGB color space, hex #80bbef is composed of 50.2% red, 73.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 21.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 208.1 degrees, a saturation of 77.6% and a lightness of 72%. #80bbef color hex could be obtained by blending #ffffff with #0177df. 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

● #80bbef color description : Soft blue.

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

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

CIE-LAB	73.778, -5.387, -31.773
XYZ	42.249, 46.36, 88.379
xyY	0.239, 0.262, 46.36
CIE-LCH	73.778, 32.226, 260.377
CIE-LUV	73.778, -28.115, -50.119
Hunter-Lab	68.088, -8.394, -29.297
Binary	10000000, 10111011, 11101111

#80bbef
```
#80bbef rgb(128,187,239)
```
#efb480
```
#efb480 rgb(239,180,128)
```

Complementary Color

#80efec
```
#80efec rgb(128,239,236)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#8084ef
```
#8084ef rgb(128,132,239)
```

Analogous Color

#efec80
```
#efec80 rgb(239,236,128)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#ef8084
```
#ef8084 rgb(239,128,132)
```

Split Complementary Color

#bbef80
```
#bbef80 rgb(187,239,128)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#ef80bb
```
#ef80bb rgb(239,128,187)
```

Triadic Color

#80efb4
```
#80efb4 rgb(128,239,180)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#ef80bb
```
#ef80bb rgb(239,128,187)
```
#efb480
```
#efb480 rgb(239,180,128)
```

Tetradic Color

#3c97e6
```
#3c97e6 rgb(60,151,230)
```
#53a3e9
```
#53a3e9 rgb(83,163,233)
```
#69afec
```
#69afec rgb(105,175,236)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#97c7f2
```
#97c7f2 rgb(151,199,242)
```
#add3f5
```
#add3f5 rgb(173,211,245)
```
#c4dff8
```
#c4dff8 rgb(196,223,248)
```

Monochromatic Color

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

#80d7ef
```
#80d7ef rgb(128,215,239)
```
#80ceef
```
#80ceef rgb(128,206,239)
```
#80c4ef
```
#80c4ef rgb(128,196,239)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#80b2ef
```
#80b2ef rgb(128,178,239)
```
#80a9ef
```
#80a9ef rgb(128,169,239)
```
#809fef
```
#809fef rgb(128,159,239)
```

Similar Colors

Text with hexadecimal color #80bbef

This text has a font color of #80bbef.

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

#80bbef background color

This paragraph has a background color of #80bbef.

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

#80bbef border color

This element has a border color of #80bbef.

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

CSS codes

.text {color:#80bbef;}

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

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

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)
```
#04121e
```
#04121e rgb(4,18,30)
```
#061c2f
```
#061c2f rgb(6,28,47)
```
#082641
```
#082641 rgb(8,38,65)
```
#0a3052
```
#0a3052 rgb(10,48,82)
```
#0d3b63
```
#0d3b63 rgb(13,59,99)
```
#0f4575
```
#0f4575 rgb(15,69,117)
```
#114f86
```
#114f86 rgb(17,79,134)
```
#135a98
```
#135a98 rgb(19,90,152)
```
#1564a9
```
#1564a9 rgb(21,100,169)
```
#186ebb
```
#186ebb rgb(24,110,187)
```
#1a78cc
```
#1a78cc rgb(26,120,204)
```
#1c83dd
```
#1c83dd rgb(28,131,221)
```

Shade Color Variation

#298ce4
```
#298ce4 rgb(41,140,228)
```
#3a96e6
```
#3a96e6 rgb(58,150,230)
```
#4c9fe8
```
#4c9fe8 rgb(76,159,232)
```
#5da8eb
```
#5da8eb rgb(93,168,235)
```
#6fb2ed
```
#6fb2ed rgb(111,178,237)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#91c4f1
```
#91c4f1 rgb(145,196,241)
```
#a3cef3
```
#a3cef3 rgb(163,206,243)
```
#b4d7f6
```
#b4d7f6 rgb(180,215,246)
```
#c6e0f8
```
#c6e0f8 rgb(198,224,248)
```
#d7eafa
```
#d7eafa rgb(215,234,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 #75bcfa is the most saturated one.

#b7b8b8
```
#b7b8b8 rgb(183,184,184)
```
#b2b8be
```
#b2b8be rgb(178,184,190)
```
#acb8c3
```
#acb8c3 rgb(172,184,195)
```
#a7b9c9
```
#a7b9c9 rgb(167,185,201)
```
#a1b9ce
```
#a1b9ce rgb(161,185,206)
```
#9cb9d4
```
#9cb9d4 rgb(156,185,212)
```
#96bad9
```
#96bad9 rgb(150,186,217)
```
#91badf
```
#91badf rgb(145,186,223)
```
#8bbae4
```
#8bbae4 rgb(139,186,228)
```
#86bbea
```
#86bbea rgb(134,187,234)
```
#80bbef
```
#80bbef rgb(128,187,239)
```
#7bbbf5
```
#7bbbf5 rgb(123,187,245)
```
#75bcfa
```
#75bcfa rgb(117,188,250)
```

Tone Color Variation

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

#aab7ea Protanopia 1% of men
#a7b6f2 Deuteranopia 1% of men
#7bc4d2 Tritanopia 0.001% of the population

Trichromacy

#9bb8ec Protanomaly 1% of men, 0.01% of women
#99b8f1 Deuteranomaly 6% of men, 0.4% of women
#7dc0dc Tritanomaly 0.01% of the population

#80bbef hex color

#80bbef Color Information

#80bbef Color Conversion

Color Schemes with #80bbef

Alternatives to #80bbef

#80bbef Preview

Shades and Tints of #80bbef

Tones of #80bbef

Color Blindness Simulator