#80b4cd hex color

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

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

● #80b4cd color description : Slightly desaturated blue.

The hexadecimal color #80b4cd has RGB values of R:128, G:180, B:205 and CMYK values of C:0.38, M:0.12, Y:0, K:0.2. Its decimal value is 8434893.

Hex triplet	80b4cd	`#80b4cd`
RGB Decimal	128, 180, 205	`rgb(128,180,205)`
RGB Percent	50.2, 70.6, 80.4	`rgb(50.2%,70.6%,80.4%)`
CMYK	38, 12, 0, 20
HSL	199.5°, 43.5, 65.3	`hsl(199.5,43.5%,65.3%)`
HSV (or HSB)	199.5°, 37.6, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	70.621, -10.798, -18.085
XYZ	36.24, 41.638, 63.882
xyY	0.256, 0.294, 41.638
CIE-LCH	70.621, 21.063, 239.159
CIE-LUV	70.621, -25.512, -26.379
Hunter-Lab	64.527, -12.673, -13.527
Binary	10000000, 10110100, 11001101

#80b4cd
```
#80b4cd rgb(128,180,205)
```
#cd9980
```
#cd9980 rgb(205,153,128)
```

Complementary Color

#80cdc0
```
#80cdc0 rgb(128,205,192)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#808ecd
```
#808ecd rgb(128,142,205)
```

Analogous Color

#cdc080
```
#cdc080 rgb(205,192,128)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#cd808e
```
#cd808e rgb(205,128,142)
```

Split Complementary Color

#b4cd80
```
#b4cd80 rgb(180,205,128)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#cd80b4
```
#cd80b4 rgb(205,128,180)
```

Triadic Color

#80cd99
```
#80cd99 rgb(128,205,153)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#cd80b4
```
#cd80b4 rgb(205,128,180)
```
#cd9980
```
#cd9980 rgb(205,153,128)
```

Tetradic Color

#4994b7
```
#4994b7 rgb(73,148,183)
```
#5b9ebf
```
#5b9ebf rgb(91,158,191)
```
#6ea9c6
```
#6ea9c6 rgb(110,169,198)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#92bfd4
```
#92bfd4 rgb(146,191,212)
```
#a5cadb
```
#a5cadb rgb(165,202,219)
```
#b7d4e3
```
#b7d4e3 rgb(183,212,227)
```

Monochromatic Color

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

#80c7cd
```
#80c7cd rgb(128,199,205)
```
#80c1cd
```
#80c1cd rgb(128,193,205)
```
#80bacd
```
#80bacd rgb(128,186,205)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#80aecd
```
#80aecd rgb(128,174,205)
```
#80a7cd
```
#80a7cd rgb(128,167,205)
```
#80a1cd
```
#80a1cd rgb(128,161,205)
```

Similar Colors

Text with hexadecimal color #80b4cd

This text has a font color of #80b4cd.

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

#80b4cd background color

This paragraph has a background color of #80b4cd.

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

#80b4cd border color

This element has a border color of #80b4cd.

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

CSS codes

.text {color:#80b4cd;}

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

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

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)
```
#0b161c
```
#0b161c rgb(11,22,28)
```
#10222a
```
#10222a rgb(16,34,42)
```
#162d38
```
#162d38 rgb(22,45,56)
```
#1c3846
```
#1c3846 rgb(28,56,70)
```
#214454
```
#214454 rgb(33,68,84)
```
#274f62
```
#274f62 rgb(39,79,98)
```
#2c5a70
```
#2c5a70 rgb(44,90,112)
```
#32657e
```
#32657e rgb(50,101,126)
```
#37718c
```
#37718c rgb(55,113,140)
```
#3d7c9a
```
#3d7c9a rgb(61,124,154)
```
#4287a9
```
#4287a9 rgb(66,135,169)
```
#4893b7
```
#4893b7 rgb(72,147,183)
```

Shade Color Variation

#569bbc
```
#569bbc rgb(86,155,188)
```
#64a3c2
```
#64a3c2 rgb(100,163,194)
```
#72acc7
```
#72acc7 rgb(114,172,199)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#8ebcd3
```
#8ebcd3 rgb(142,188,211)
```
#9cc5d8
```
#9cc5d8 rgb(156,197,216)
```
#aacdde
```
#aacdde rgb(170,205,222)
```
#b8d5e3
```
#b8d5e3 rgb(184,213,227)
```
#c6dee9
```
#c6dee9 rgb(198,222,233)
```
#d4e6ee
```
#d4e6ee rgb(212,230,238)
```
#e3eef4
```
#e3eef4 rgb(227,238,244)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,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 #50c5fd is the most saturated one.

#a2a8ab
```
#a2a8ab rgb(162,168,171)
```
#9baab2
```
#9baab2 rgb(155,170,178)
```
#94adb9
```
#94adb9 rgb(148,173,185)
```
#8eafbf
```
#8eafbf rgb(142,175,191)
```
#87b2c6
```
#87b2c6 rgb(135,178,198)
```
#80b4cd
```
#80b4cd rgb(128,180,205)
```
#79b6d4
```
#79b6d4 rgb(121,182,212)
```
#72b9db
```
#72b9db rgb(114,185,219)
```
#6cbbe1
```
#6cbbe1 rgb(108,187,225)
```
#65bee8
```
#65bee8 rgb(101,190,232)
```
#5ec0ef
```
#5ec0ef rgb(94,192,239)
```
#57c2f6
```
#57c2f6 rgb(87,194,246)
```
#50c5fd
```
#50c5fd rgb(80,197,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9faaaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#abafca Protanopia 1% of men
#afadd3 Deuteranopia 1% of men
#83b9c6 Tritanopia 0.001% of the population

Trichromacy

#9bb1cb Protanomaly 1% of men, 0.01% of women
#9eafd1 Deuteranomaly 6% of men, 0.4% of women
#82b7c9 Tritanomaly 0.01% of the population

#80b4cd hex color

#80b4cd Color Information

#80b4cd Color Conversion

Color Schemes with #80b4cd

Alternatives to #80b4cd

#80b4cd Preview

Shades and Tints of #80b4cd

Tones of #80b4cd

Color Blindness Simulator