#80bbdf hex color

In a RGB color space, hex #80bbdf is composed of 50.2% red, 73.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 16.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 202.7 degrees, a saturation of 59.7% and a lightness of 68.8%. #80bbdf color hex could be obtained by blending #ffffff with #0177bf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 73
- B 87
RGB color chart
- C 43
- M 16
- Y 0
- K 13
CMYK color chart

● #80bbdf color description : Very soft blue.

The hexadecimal color #80bbdf has RGB values of R:128, G:187, B:223 and CMYK values of C:0.43, M:0.16, Y:0, K:0.13. Its decimal value is 8436703.

Hex triplet	80bbdf	`#80bbdf`
RGB Decimal	128, 187, 223	`rgb(128,187,223)`
RGB Percent	50.2, 73.3, 87.5	`rgb(50.2%,73.3%,87.5%)`
CMYK	43, 16, 0, 13
HSL	202.7°, 59.7, 68.8	`hsl(202.7,59.7%,68.8%)`
HSV (or HSB)	202.7°, 42.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.191, -9.785, -24.002
XYZ	39.989, 45.456, 76.475
xyY	0.247, 0.281, 45.456
CIE-LCH	73.191, 25.92, 247.821
CIE-LUV	73.191, -28.247, -36.412
Hunter-Lab	67.421, -12.115, -20.057
Binary	10000000, 10111011, 11011111

#80bbdf
```
#80bbdf rgb(128,187,223)
```
#dfa480
```
#dfa480 rgb(223,164,128)
```

Complementary Color

#80dfd4
```
#80dfd4 rgb(128,223,212)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#808cdf
```
#808cdf rgb(128,140,223)
```

Analogous Color

#dfd480
```
#dfd480 rgb(223,212,128)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#df808c
```
#df808c rgb(223,128,140)
```

Split Complementary Color

#bbdf80
```
#bbdf80 rgb(187,223,128)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#df80bb
```
#df80bb rgb(223,128,187)
```

Triadic Color

#80dfa4
```
#80dfa4 rgb(128,223,164)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#df80bb
```
#df80bb rgb(223,128,187)
```
#dfa480
```
#dfa480 rgb(223,164,128)
```

Tetradic Color

#439ad0
```
#439ad0 rgb(67,154,208)
```
#57a5d5
```
#57a5d5 rgb(87,165,213)
```
#6cb0da
```
#6cb0da rgb(108,176,218)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#94c6e4
```
#94c6e4 rgb(148,198,228)
```
#a9d1e9
```
#a9d1e9 rgb(169,209,233)
```
#bddcee
```
#bddcee rgb(189,220,238)
```

Monochromatic Color

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

#80d3df
```
#80d3df rgb(128,211,223)
```
#80cbdf
```
#80cbdf rgb(128,203,223)
```
#80c3df
```
#80c3df rgb(128,195,223)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#80b3df
```
#80b3df rgb(128,179,223)
```
#80abdf
```
#80abdf rgb(128,171,223)
```
#80a3df
```
#80a3df rgb(128,163,223)
```

Similar Colors

Text with hexadecimal color #80bbdf

This text has a font color of #80bbdf.

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

#80bbdf background color

This paragraph has a background color of #80bbdf.

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

#80bbdf border color

This element has a border color of #80bbdf.

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

CSS codes

.text {color:#80bbdf;}

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

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

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, #040a0e is the darkest color, while #fdfeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#07151e
```
#07151e rgb(7,21,30)
```
#0b202d
```
#0b202d rgb(11,32,45)
```
#0f2c3d
```
#0f2c3d rgb(15,44,61)
```
#13374d
```
#13374d rgb(19,55,77)
```
#17425c
```
#17425c rgb(23,66,92)
```
#1b4d6c
```
#1b4d6c rgb(27,77,108)
```
#1f597c
```
#1f597c rgb(31,89,124)
```
#23648b
```
#23648b rgb(35,100,139)
```
#276f9b
```
#276f9b rgb(39,111,155)
```
#2b7aab
```
#2b7aab rgb(43,122,171)
```
#2f86ba
```
#2f86ba rgb(47,134,186)
```
#3391ca
```
#3391ca rgb(51,145,202)
```

Shade Color Variation

#4199cf
```
#4199cf rgb(65,153,207)
```
#51a2d3
```
#51a2d3 rgb(81,162,211)
```
#61aad7
```
#61aad7 rgb(97,170,215)
```
#70b3db
```
#70b3db rgb(112,179,219)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#90c3e3
```
#90c3e3 rgb(144,195,227)
```
#9fcce7
```
#9fcce7 rgb(159,204,231)
```
#afd4eb
```
#afd4eb rgb(175,212,235)
```
#bfddef
```
#bfddef rgb(191,221,239)
```
#cee5f3
```
#cee5f3 rgb(206,229,243)
```
#deedf7
```
#deedf7 rgb(222,237,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#abb1b4
```
#abb1b4 rgb(171,177,180)
```
#a5b2ba
```
#a5b2ba rgb(165,178,186)
```
#9fb4c0
```
#9fb4c0 rgb(159,180,192)
```
#98b5c7
```
#98b5c7 rgb(152,181,199)
```
#92b7cd
```
#92b7cd rgb(146,183,205)
```
#8cb8d3
```
#8cb8d3 rgb(140,184,211)
```
#86bad9
```
#86bad9 rgb(134,186,217)
```
#80bbdf
```
#80bbdf rgb(128,187,223)
```
#7abce5
```
#7abce5 rgb(122,188,229)
```
#74beeb
```
#74beeb rgb(116,190,235)
```
#6ebff1
```
#6ebff1 rgb(110,191,241)
```
#68c1f7
```
#68c1f7 rgb(104,193,247)
```
#61c2fe
```
#61c2fe rgb(97,194,254)
```

Tone Color Variation

Below, you can see how #80bbdf 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
#a4b0b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb6db Protanopia 1% of men
#afb4e4 Deuteranopia 1% of men
#80c1cf Tritanopia 0.001% of the population

Trichromacy

#9db7dc Protanomaly 1% of men, 0.01% of women
#9eb6e2 Deuteranomaly 6% of men, 0.4% of women
#80bfd5 Tritanomaly 0.01% of the population

#80bbdf hex color

#80bbdf Color Information

#80bbdf Color Conversion

Color Schemes with #80bbdf

Alternatives to #80bbdf

#80bbdf Preview

Shades and Tints of #80bbdf

Tones of #80bbdf

Color Blindness Simulator