#80b9cf hex color

In a RGB color space, hex #80b9cf is composed of 50.2% red, 72.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 10.6% magenta, 0% yellow and 18.8% black. It has a hue angle of 196.7 degrees, a saturation of 45.1% and a lightness of 65.7%. #80b9cf color hex could be obtained by blending #ffffff with #01739f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 73
- B 81
RGB color chart
- C 38
- M 11
- Y 0
- K 19
CMYK color chart

● #80b9cf color description : Slightly desaturated blue.

The hexadecimal color #80b9cf has RGB values of R:128, G:185, B:207 and CMYK values of C:0.38, M:0.11, Y:0, K:0.19. Its decimal value is 8436175.

Hex triplet	80b9cf	`#80b9cf`
RGB Decimal	128, 185, 207	`rgb(128,185,207)`
RGB Percent	50.2, 72.5, 81.2	`rgb(50.2%,72.5%,81.2%)`
CMYK	38, 11, 0, 19
HSL	196.7°, 45.1, 65.7	`hsl(196.7,45.1%,65.7%)`
HSV (or HSB)	196.7°, 38.2, 81.2
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.088, -12.935, -16.96
XYZ	37.511, 43.79, 65.504
xyY	0.256, 0.298, 43.79
CIE-LCH	72.088, 21.33, 232.667
CIE-LUV	72.088, -27.569, -24.318
Hunter-Lab	66.174, -14.623, -12.367
Binary	10000000, 10111001, 11001111

#80b9cf
```
#80b9cf rgb(128,185,207)
```
#cf9680
```
#cf9680 rgb(207,150,128)
```

Complementary Color

#80cfbe
```
#80cfbe rgb(128,207,190)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#8092cf
```
#8092cf rgb(128,146,207)
```

Analogous Color

#cfbe80
```
#cfbe80 rgb(207,190,128)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#cf8092
```
#cf8092 rgb(207,128,146)
```

Split Complementary Color

#b9cf80
```
#b9cf80 rgb(185,207,128)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#cf80b9
```
#cf80b9 rgb(207,128,185)
```

Triadic Color

#80cf96
```
#80cf96 rgb(128,207,150)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#cf80b9
```
#cf80b9 rgb(207,128,185)
```
#cf9680
```
#cf9680 rgb(207,150,128)
```

Tetradic Color

#489aba
```
#489aba rgb(72,154,186)
```
#5ba5c1
```
#5ba5c1 rgb(91,165,193)
```
#6dafc8
```
#6dafc8 rgb(109,175,200)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#93c3d6
```
#93c3d6 rgb(147,195,214)
```
#a5cddd
```
#a5cddd rgb(165,205,221)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```

Monochromatic Color

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

#80cdcf
```
#80cdcf rgb(128,205,207)
```
#80c6cf
```
#80c6cf rgb(128,198,207)
```
#80c0cf
```
#80c0cf rgb(128,192,207)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#80b2cf
```
#80b2cf rgb(128,178,207)
```
#80accf
```
#80accf rgb(128,172,207)
```
#80a5cf
```
#80a5cf rgb(128,165,207)
```

Similar Colors

Text with hexadecimal color #80b9cf

This text has a font color of #80b9cf.

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

#80b9cf background color

This paragraph has a background color of #80b9cf.

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

#80b9cf border color

This element has a border color of #80b9cf.

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

CSS codes

.text {color:#80b9cf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060d0f
```
#060d0f rgb(6,13,15)
```
#0b181e
```
#0b181e rgb(11,24,30)
```
#11242c
```
#11242c rgb(17,36,44)
```
#16303a
```
#16303a rgb(22,48,58)
```
#1b3c48
```
#1b3c48 rgb(27,60,72)
```
#214857
```
#214857 rgb(33,72,87)
```
#265365
```
#265365 rgb(38,83,101)
```
#2b5f73
```
#2b5f73 rgb(43,95,115)
```
#316b81
```
#316b81 rgb(49,107,129)
```
#36778f
```
#36778f rgb(54,119,143)
```
#3c829e
```
#3c829e rgb(60,130,158)
```
#418eac
```
#418eac rgb(65,142,172)
```

Shade Color Variation

#479ab9
```
#479ab9 rgb(71,154,185)
```
#55a1bf
```
#55a1bf rgb(85,161,191)
```
#64a9c4
```
#64a9c4 rgb(100,169,196)
```
#72b1ca
```
#72b1ca rgb(114,177,202)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#8ec1d4
```
#8ec1d4 rgb(142,193,212)
```
#9cc9da
```
#9cc9da rgb(156,201,218)
```
#abd1df
```
#abd1df rgb(171,209,223)
```
#b9d8e5
```
#b9d8e5 rgb(185,216,229)
```
#c7e0ea
```
#c7e0ea rgb(199,224,234)
```
#d5e8ef
```
#d5e8ef rgb(213,232,239)
```
#e4f0f5
```
#e4f0f5 rgb(228,240,245)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

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

#a2aaad
```
#a2aaad rgb(162,170,173)
```
#9badb4
```
#9badb4 rgb(155,173,180)
```
#94b0bb
```
#94b0bb rgb(148,176,187)
```
#8db3c2
```
#8db3c2 rgb(141,179,194)
```
#87b6c8
```
#87b6c8 rgb(135,182,200)
```
#80b9cf
```
#80b9cf rgb(128,185,207)
```
#79bcd6
```
#79bcd6 rgb(121,188,214)
```
#73bfdc
```
#73bfdc rgb(115,191,220)
```
#6cc2e3
```
#6cc2e3 rgb(108,194,227)
```
#65c5ea
```
#65c5ea rgb(101,197,234)
```
#5ec8f1
```
#5ec8f1 rgb(94,200,241)
```
#58cbf7
```
#58cbf7 rgb(88,203,247)
```
#51cefe
```
#51cefe rgb(81,206,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a2adb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b3cc Protanopia 1% of men
#b4b1d5 Deuteranopia 1% of men
#84bdcb Tritanopia 0.001% of the population

Trichromacy

#9eb5cd Protanomaly 1% of men, 0.01% of women
#a1b3d3 Deuteranomaly 6% of men, 0.4% of women
#82bbcc Tritanomaly 0.01% of the population

#80b9cf hex color

#80b9cf Color Information

#80b9cf Color Conversion

Color Schemes with #80b9cf

Alternatives to #80b9cf

#80b9cf Preview

Shades and Tints of #80b9cf

Tones of #80b9cf

Color Blindness Simulator