colorhexa.com

#80bbdb hex color

In a RGB color space, hex #80bbdb is composed of 50.2% red, 73.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 14.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 201.1 degrees, a saturation of 55.8% and a lightness of 68%. #80bbdb color hex could be obtained by blending #ffffff with #0177b7. Closest websafe color is: #99cccc.

- R 50
- G 73
- B 86
RGB color chart
- C 42
- M 15
- Y 0
- K 14
CMYK color chart

● #80bbdb color description : Very soft blue.

The hexadecimal color #80bbdb has RGB values of R:128, G:187, B:219 and CMYK values of C:0.42, M:0.15, Y:0, K:0.14. Its decimal value is 8436699.

Hex triplet	80bbdb	`#80bbdb`
RGB Decimal	128, 187, 219	`rgb(128,187,219)`
RGB Percent	50.2, 73.3, 85.9	`rgb(50.2%,73.3%,85.9%)`
CMYK	42, 15, 0, 14
HSL	201.1°, 55.8, 68	`hsl(201.1,55.8%,68%)`
HSV (or HSB)	201.1°, 41.6, 85.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.051, -10.855, -22.041
XYZ	39.456, 45.242, 73.668
xyY	0.249, 0.286, 45.242
CIE-LCH	73.051, 24.569, 243.78
CIE-LUV	73.051, -28.283, -32.998
Hunter-Lab	67.262, -13.003, -17.852
Binary	10000000, 10111011, 11011011

#80bbdb
```
#80bbdb rgb(128,187,219)
```
#dba080
```
#dba080 rgb(219,160,128)
```

Complementary Color

#80dbce
```
#80dbce rgb(128,219,206)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#808edb
```
#808edb rgb(128,142,219)
```

Analogous Color

#dbce80
```
#dbce80 rgb(219,206,128)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#db808e
```
#db808e rgb(219,128,142)
```

Split Complementary Color

#bbdb80
```
#bbdb80 rgb(187,219,128)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#db80bb
```
#db80bb rgb(219,128,187)
```

Triadic Color

#80dba0
```
#80dba0 rgb(128,219,160)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#db80bb
```
#db80bb rgb(219,128,187)
```
#dba080
```
#dba080 rgb(219,160,128)
```

Tetradic Color

#449bca
```
#449bca rgb(68,155,202)
```
#58a6d0
```
#58a6d0 rgb(88,166,208)
```
#6cb0d5
```
#6cb0d5 rgb(108,176,213)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#94c6e1
```
#94c6e1 rgb(148,198,225)
```
#a8d0e6
```
#a8d0e6 rgb(168,208,230)
```
#bcdbec
```
#bcdbec rgb(188,219,236)
```

Monochromatic Color

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

#80d2db
```
#80d2db rgb(128,210,219)
```
#80cadb
```
#80cadb rgb(128,202,219)
```
#80c3db
```
#80c3db rgb(128,195,219)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#80b3db
```
#80b3db rgb(128,179,219)
```
#80acdb
```
#80acdb rgb(128,172,219)
```
#80a4db
```
#80a4db rgb(128,164,219)
```

Similar Colors

Text with hexadecimal color #80bbdb

This text has a font color of #80bbdb.

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

#80bbdb background color

This paragraph has a background color of #80bbdb.

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

#80bbdb border color

This element has a border color of #80bbdb.

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

CSS codes

.text {color:#80bbdb;}

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

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

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

#03080b
```
#03080b rgb(3,8,11)
```
#07131a
```
#07131a rgb(7,19,26)
```
#0c1f29
```
#0c1f29 rgb(12,31,41)
```
#102a38
```
#102a38 rgb(16,42,56)
```
#143648
```
#143648 rgb(20,54,72)
```
#194157
```
#194157 rgb(25,65,87)
```
#1d4c66
```
#1d4c66 rgb(29,76,102)
```
#215876
```
#215876 rgb(33,88,118)
```
#266385
```
#266385 rgb(38,99,133)
```
#2a6f94
```
#2a6f94 rgb(42,111,148)
```
#2e7aa3
```
#2e7aa3 rgb(46,122,163)
```
#3386b3
```
#3386b3 rgb(51,134,179)
```
#3791c2
```
#3791c2 rgb(55,145,194)
```

Shade Color Variation

#439aca
```
#439aca rgb(67,154,202)
```
#52a2ce
```
#52a2ce rgb(82,162,206)
```
#61abd2
```
#61abd2 rgb(97,171,210)
```
#71b3d7
```
#71b3d7 rgb(113,179,215)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#8fc3df
```
#8fc3df rgb(143,195,223)
```
#9fcbe4
```
#9fcbe4 rgb(159,203,228)
```
#aed4e8
```
#aed4e8 rgb(174,212,232)
```
#bddcec
```
#bddcec rgb(189,220,236)
```
#cce4f1
```
#cce4f1 rgb(204,228,241)
```
#dcecf5
```
#dcecf5 rgb(220,236,245)
```
#ebf4f9
```
#ebf4f9 rgb(235,244,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#acaeaf
```
#acaeaf rgb(172,174,175)
```
#a6b0b5
```
#a6b0b5 rgb(166,176,181)
```
#9fb2bc
```
#9fb2bc rgb(159,178,188)
```
#99b4c2
```
#99b4c2 rgb(153,180,194)
```
#93b5c8
```
#93b5c8 rgb(147,181,200)
```
#8db7ce
```
#8db7ce rgb(141,183,206)
```
#86b9d5
```
#86b9d5 rgb(134,185,213)
```
#80bbdb
```
#80bbdb rgb(128,187,219)
```
#7abde1
```
#7abde1 rgb(122,189,225)
```
#73bfe8
```
#73bfe8 rgb(115,191,232)
```
#6dc1ee
```
#6dc1ee rgb(109,193,238)
```
#67c2f4
```
#67c2f4 rgb(103,194,244)
```
#61c4fa
```
#61c4fa rgb(97,196,250)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a4b0b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb5d7 Protanopia 1% of men
#b1b3e0 Deuteranopia 1% of men
#81c1cf Tritanopia 0.001% of the population

Trichromacy

#9eb7d8 Protanomaly 1% of men, 0.01% of women
#9fb6de Deuteranomaly 6% of men, 0.4% of women
#81bed3 Tritanomaly 0.01% of the population