#80bbd5 hex color

In a RGB color space, hex #80bbd5 is composed of 50.2% red, 73.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 12.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 198.4 degrees, a saturation of 50.3% and a lightness of 66.9%. #80bbd5 color hex could be obtained by blending #ffffff with #0177ab. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 73
- B 84
RGB color chart
- C 40
- M 12
- Y 0
- K 16
CMYK color chart

● #80bbd5 color description : Slightly desaturated blue.

The hexadecimal color #80bbd5 has RGB values of R:128, G:187, B:213 and CMYK values of C:0.4, M:0.12, Y:0, K:0.16. Its decimal value is 8436693.

Hex triplet	80bbd5	`#80bbd5`
RGB Decimal	128, 187, 213	`rgb(128,187,213)`
RGB Percent	50.2, 73.3, 83.5	`rgb(50.2%,73.3%,83.5%)`
CMYK	40, 12, 0, 16
HSL	198.4°, 50.3, 66.9	`hsl(198.4,50.3%,66.9%)`
HSV (or HSB)	198.4°, 39.9, 83.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.847, -12.436, -19.085
XYZ	38.68, 44.932, 69.582
xyY	0.252, 0.293, 44.932
CIE-LCH	72.847, 22.779, 236.91
CIE-LUV	72.847, -28.338, -27.893
Hunter-Lab	67.031, -14.304, -14.624
Binary	10000000, 10111011, 11010101

#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#d59a80
```
#d59a80 rgb(213,154,128)
```

Complementary Color

#80d5c5
```
#80d5c5 rgb(128,213,197)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#8091d5
```
#8091d5 rgb(128,145,213)
```

Analogous Color

#d5c580
```
#d5c580 rgb(213,197,128)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#d58091
```
#d58091 rgb(213,128,145)
```

Split Complementary Color

#bbd580
```
#bbd580 rgb(187,213,128)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#d580bb
```
#d580bb rgb(213,128,187)
```

Triadic Color

#80d59a
```
#80d59a rgb(128,213,154)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#d580bb
```
#d580bb rgb(213,128,187)
```
#d59a80
```
#d59a80 rgb(213,154,128)
```

Tetradic Color

#479cc2
```
#479cc2 rgb(71,156,194)
```
#5aa6c8
```
#5aa6c8 rgb(90,166,200)
```
#6db1cf
```
#6db1cf rgb(109,177,207)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#93c5db
```
#93c5db rgb(147,197,219)
```
#a6d0e2
```
#a6d0e2 rgb(166,208,226)
```
#b9dae8
```
#b9dae8 rgb(185,218,232)
```

Monochromatic Color

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

#80d0d5
```
#80d0d5 rgb(128,208,213)
```
#80c9d5
```
#80c9d5 rgb(128,201,213)
```
#80c2d5
```
#80c2d5 rgb(128,194,213)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#80b4d5
```
#80b4d5 rgb(128,180,213)
```
#80add5
```
#80add5 rgb(128,173,213)
```
#80a6d5
```
#80a6d5 rgb(128,166,213)
```

Similar Colors

Text with hexadecimal color #80bbd5

This text has a font color of #80bbd5.

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

#80bbd5 background color

This paragraph has a background color of #80bbd5.

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

#80bbd5 border color

This element has a border color of #80bbd5.

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

CSS codes

.text {color:#80bbd5;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#071014
```
#071014 rgb(7,16,20)
```
#0c1c23
```
#0c1c23 rgb(12,28,35)
```
#102832
```
#102832 rgb(16,40,50)
```
#153341
```
#153341 rgb(21,51,65)
```
#1a3f4f
```
#1a3f4f rgb(26,63,79)
```
#1f4b5e
```
#1f4b5e rgb(31,75,94)
```
#24576d
```
#24576d rgb(36,87,109)
```
#29627c
```
#29627c rgb(41,98,124)
```
#2e6e8a
```
#2e6e8a rgb(46,110,138)
```
#337a99
```
#337a99 rgb(51,122,153)
```
#3785a8
```
#3785a8 rgb(55,133,168)
```
#3c91b7
```
#3c91b7 rgb(60,145,183)
```

Shade Color Variation

#459bc2
```
#459bc2 rgb(69,155,194)
```
#54a3c6
```
#54a3c6 rgb(84,163,198)
```
#63abcb
```
#63abcb rgb(99,171,203)
```
#71b3d0
```
#71b3d0 rgb(113,179,208)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#8fc3da
```
#8fc3da rgb(143,195,218)
```
#9dcbdf
```
#9dcbdf rgb(157,203,223)
```
#acd3e4
```
#acd3e4 rgb(172,211,228)
```
#bbdbe8
```
#bbdbe8 rgb(187,219,232)
```
#cae2ed
```
#cae2ed rgb(202,226,237)
```
#d8eaf2
```
#d8eaf2 rgb(216,234,242)
```
#e7f2f7
```
#e7f2f7 rgb(231,242,247)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#a7acae
```
#a7acae rgb(167,172,174)
```
#a1aeb5
```
#a1aeb5 rgb(161,174,181)
```
#9ab1bb
```
#9ab1bb rgb(154,177,187)
```
#94b3c2
```
#94b3c2 rgb(148,179,194)
```
#8db6c8
```
#8db6c8 rgb(141,182,200)
```
#87b8cf
```
#87b8cf rgb(135,184,207)
```
#80bbd5
```
#80bbd5 rgb(128,187,213)
```
#7abedc
```
#7abedc rgb(122,190,220)
```
#73c0e2
```
#73c0e2 rgb(115,192,226)
```
#6dc3e9
```
#6dc3e9 rgb(109,195,233)
```
#66c5ef
```
#66c5ef rgb(102,197,239)
```
#60c8f6
```
#60c8f6 rgb(96,200,246)
```
#59cafc
```
#59cafc rgb(89,202,252)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a3afb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b5d1 Protanopia 1% of men
#b4b3db Deuteranopia 1% of men
#83c0ce Tritanopia 0.001% of the population

Trichromacy

#9fb7d2 Protanomaly 1% of men, 0.01% of women
#a1b6d9 Deuteranomaly 6% of men, 0.4% of women
#82bed0 Tritanomaly 0.01% of the population

#80bbd5 hex color

#80bbd5 Color Information

#80bbd5 Color Conversion

Color Schemes with #80bbd5

Alternatives to #80bbd5

#80bbd5 Preview

Shades and Tints of #80bbd5

Tones of #80bbd5

Color Blindness Simulator