#80b6cd hex color

In a RGB color space, hex #80b6cd is composed of 50.2% red, 71.4% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 11.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 197.9 degrees, a saturation of 43.5% and a lightness of 65.3%. #80b6cd color hex could be obtained by blending #ffffff with #016d9b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 71
- B 80
RGB color chart
- C 38
- M 11
- Y 0
- K 20
CMYK color chart

● #80b6cd color description : Slightly desaturated blue.

The hexadecimal color #80b6cd has RGB values of R:128, G:182, B:205 and CMYK values of C:0.38, M:0.11, Y:0, K:0.2. Its decimal value is 8435405.

Hex triplet	80b6cd	`#80b6cd`
RGB Decimal	128, 182, 205	`rgb(128,182,205)`
RGB Percent	50.2, 71.4, 80.4	`rgb(50.2%,71.4%,80.4%)`
CMYK	38, 11, 0, 20
HSL	197.9°, 43.5, 65.3	`hsl(197.9,43.5%,65.3%)`
HSV (or HSB)	197.9°, 37.6, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	71.181, -11.863, -17.237
XYZ	36.647, 42.451, 64.017
xyY	0.256, 0.297, 42.451
CIE-LCH	71.181, 20.925, 235.464
CIE-LUV	71.181, -26.341, -24.878
Hunter-Lab	65.155, -13.622, -12.647
Binary	10000000, 10110110, 11001101

#80b6cd
```
#80b6cd rgb(128,182,205)
```
#cd9780
```
#cd9780 rgb(205,151,128)
```

Complementary Color

#80cdbe
```
#80cdbe rgb(128,205,190)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#8090cd
```
#8090cd rgb(128,144,205)
```

Analogous Color

#cdbe80
```
#cdbe80 rgb(205,190,128)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#cd8090
```
#cd8090 rgb(205,128,144)
```

Split Complementary Color

#b6cd80
```
#b6cd80 rgb(182,205,128)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#cd80b6
```
#cd80b6 rgb(205,128,182)
```

Triadic Color

#80cd97
```
#80cd97 rgb(128,205,151)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#cd80b6
```
#cd80b6 rgb(205,128,182)
```
#cd9780
```
#cd9780 rgb(205,151,128)
```

Tetradic Color

#4996b7
```
#4996b7 rgb(73,150,183)
```
#5ba1bf
```
#5ba1bf rgb(91,161,191)
```
#6eabc6
```
#6eabc6 rgb(110,171,198)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#92c1d4
```
#92c1d4 rgb(146,193,212)
```
#a5cbdb
```
#a5cbdb rgb(165,203,219)
```
#b7d6e3
```
#b7d6e3 rgb(183,214,227)
```

Monochromatic Color

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

#80c9cd
```
#80c9cd rgb(128,201,205)
```
#80c3cd
```
#80c3cd rgb(128,195,205)
```
#80bccd
```
#80bccd rgb(128,188,205)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#80b0cd
```
#80b0cd rgb(128,176,205)
```
#80a9cd
```
#80a9cd rgb(128,169,205)
```
#80a3cd
```
#80a3cd rgb(128,163,205)
```

Similar Colors

Text with hexadecimal color #80b6cd

This text has a font color of #80b6cd.

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

#80b6cd background color

This paragraph has a background color of #80b6cd.

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

#80b6cd border color

This element has a border color of #80b6cd.

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

CSS codes

.text {color:#80b6cd;}

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

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

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, #050b0e is the darkest color, while #ffffff is the lightest one.

#050b0e
```
#050b0e rgb(5,11,14)
```
#0b171c
```
#0b171c rgb(11,23,28)
```
#10222a
```
#10222a rgb(16,34,42)
```
#162e38
```
#162e38 rgb(22,46,56)
```
#1c3946
```
#1c3946 rgb(28,57,70)
```
#214554
```
#214554 rgb(33,69,84)
```
#275062
```
#275062 rgb(39,80,98)
```
#2c5c70
```
#2c5c70 rgb(44,92,112)
```
#32677e
```
#32677e rgb(50,103,126)
```
#37738c
```
#37738c rgb(55,115,140)
```
#3d7f9a
```
#3d7f9a rgb(61,127,154)
```
#428aa9
```
#428aa9 rgb(66,138,169)
```
#4896b7
```
#4896b7 rgb(72,150,183)
```

Shade Color Variation

#569ebc
```
#569ebc rgb(86,158,188)
```
#64a6c2
```
#64a6c2 rgb(100,166,194)
```
#72aec7
```
#72aec7 rgb(114,174,199)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#8ebed3
```
#8ebed3 rgb(142,190,211)
```
#9cc6d8
```
#9cc6d8 rgb(156,198,216)
```
#aacede
```
#aacede rgb(170,206,222)
```
#b8d6e3
```
#b8d6e3 rgb(184,214,227)
```
#c6dee9
```
#c6dee9 rgb(198,222,233)
```
#d4e7ee
```
#d4e7ee rgb(212,231,238)
```
#e3eff4
```
#e3eff4 rgb(227,239,244)
```
#f1f7f9
```
#f1f7f9 rgb(241,247,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a8ab
```
#a2a8ab rgb(162,168,171)
```
#9babb2
```
#9babb2 rgb(155,171,178)
```
#94aeb9
```
#94aeb9 rgb(148,174,185)
```
#8eb1bf
```
#8eb1bf rgb(142,177,191)
```
#87b3c6
```
#87b3c6 rgb(135,179,198)
```
#80b6cd
```
#80b6cd rgb(128,182,205)
```
#79b9d4
```
#79b9d4 rgb(121,185,212)
```
#72bbdb
```
#72bbdb rgb(114,187,219)
```
#6cbee1
```
#6cbee1 rgb(108,190,225)
```
#65c1e8
```
#65c1e8 rgb(101,193,232)
```
#5ec4ef
```
#5ec4ef rgb(94,196,239)
```
#57c6f6
```
#57c6f6 rgb(87,198,246)
```
#50c9fd
```
#50c9fd rgb(80,201,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a0abaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb1ca Protanopia 1% of men
#b1aed3 Deuteranopia 1% of men
#84bbc8 Tritanopia 0.001% of the population

Trichromacy

#9db2cb Protanomaly 1% of men, 0.01% of women
#9fb1d1 Deuteranomaly 6% of men, 0.4% of women
#82b9ca Tritanomaly 0.01% of the population

#80b6cd hex color

#80b6cd Color Information

#80b6cd Color Conversion

Color Schemes with #80b6cd

Alternatives to #80b6cd

#80b6cd Preview

Shades and Tints of #80b6cd

Tones of #80b6cd

Color Blindness Simulator