#80bdcd hex color

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

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

● #80bdcd color description : Slightly desaturated cyan.

The hexadecimal color #80bdcd has RGB values of R:128, G:189, B:205 and CMYK values of C:0.38, M:0.08, Y:0, K:0.2. Its decimal value is 8437197.

Hex triplet	80bdcd	`#80bdcd`
RGB Decimal	128, 189, 205	`rgb(128,189,205)`
RGB Percent	50.2, 74.1, 80.4	`rgb(50.2%,74.1%,80.4%)`
CMYK	38, 8, 0, 20
HSL	192.5°, 43.5, 65.3	`hsl(192.5,43.5%,65.3%)`
HSV (or HSB)	192.5°, 37.6, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.148, -15.541, -14.272
XYZ	38.116, 45.39, 64.507
xyY	0.258, 0.307, 45.39
CIE-LCH	73.148, 21.1, 222.561
CIE-LUV	73.148, -29.244, -19.634
Hunter-Lab	67.372, -16.914, -9.608
Binary	10000000, 10111101, 11001101

#80bdcd
```
#80bdcd rgb(128,189,205)
```
#cd9080
```
#cd9080 rgb(205,144,128)
```

Complementary Color

#80cdb7
```
#80cdb7 rgb(128,205,183)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#8097cd
```
#8097cd rgb(128,151,205)
```

Analogous Color

#cdb780
```
#cdb780 rgb(205,183,128)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#cd8097
```
#cd8097 rgb(205,128,151)
```

Split Complementary Color

#bdcd80
```
#bdcd80 rgb(189,205,128)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#cd80bd
```
#cd80bd rgb(205,128,189)
```

Triadic Color

#80cd90
```
#80cd90 rgb(128,205,144)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#cd80bd
```
#cd80bd rgb(205,128,189)
```
#cd9080
```
#cd9080 rgb(205,144,128)
```

Tetradic Color

#49a0b7
```
#49a0b7 rgb(73,160,183)
```
#5baabf
```
#5baabf rgb(91,170,191)
```
#6eb3c6
```
#6eb3c6 rgb(110,179,198)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#92c7d4
```
#92c7d4 rgb(146,199,212)
```
#a5d0db
```
#a5d0db rgb(165,208,219)
```
#b7dae3
```
#b7dae3 rgb(183,218,227)
```

Monochromatic Color

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

#80cdca
```
#80cdca rgb(128,205,202)
```
#80cacd
```
#80cacd rgb(128,202,205)
```
#80c3cd
```
#80c3cd rgb(128,195,205)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#80b7cd
```
#80b7cd rgb(128,183,205)
```
#80b0cd
```
#80b0cd rgb(128,176,205)
```
#80aacd
```
#80aacd rgb(128,170,205)
```

Similar Colors

Text with hexadecimal color #80bdcd

This text has a font color of #80bdcd.

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

#80bdcd background color

This paragraph has a background color of #80bdcd.

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

#80bdcd border color

This element has a border color of #80bdcd.

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

CSS codes

.text {color:#80bdcd;}

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

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

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

#050c0e
```
#050c0e rgb(5,12,14)
```
#0b181c
```
#0b181c rgb(11,24,28)
```
#10252a
```
#10252a rgb(16,37,42)
```
#163138
```
#163138 rgb(22,49,56)
```
#1c3d46
```
#1c3d46 rgb(28,61,70)
```
#214a54
```
#214a54 rgb(33,74,84)
```
#275662
```
#275662 rgb(39,86,98)
```
#2c6270
```
#2c6270 rgb(44,98,112)
```
#326e7e
```
#326e7e rgb(50,110,126)
```
#377b8c
```
#377b8c rgb(55,123,140)
```
#3d879a
```
#3d879a rgb(61,135,154)
```
#4293a9
```
#4293a9 rgb(66,147,169)
```
#48a0b7
```
#48a0b7 rgb(72,160,183)
```

Shade Color Variation

#56a7bc
```
#56a7bc rgb(86,167,188)
```
#64aec2
```
#64aec2 rgb(100,174,194)
```
#72b6c7
```
#72b6c7 rgb(114,182,199)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#8ec4d3
```
#8ec4d3 rgb(142,196,211)
```
#9cccd8
```
#9cccd8 rgb(156,204,216)
```
#aad3de
```
#aad3de rgb(170,211,222)
```
#b8dae3
```
#b8dae3 rgb(184,218,227)
```
#c6e2e9
```
#c6e2e9 rgb(198,226,233)
```
#d4e9ee
```
#d4e9ee rgb(212,233,238)
```
#e3f0f4
```
#e3f0f4 rgb(227,240,244)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a9ab
```
#a2a9ab rgb(162,169,171)
```
#9badb2
```
#9badb2 rgb(155,173,178)
```
#94b1b9
```
#94b1b9 rgb(148,177,185)
```
#8eb5bf
```
#8eb5bf rgb(142,181,191)
```
#87b9c6
```
#87b9c6 rgb(135,185,198)
```
#80bdcd
```
#80bdcd rgb(128,189,205)
```
#79c1d4
```
#79c1d4 rgb(121,193,212)
```
#72c5db
```
#72c5db rgb(114,197,219)
```
#6cc9e1
```
#6cc9e1 rgb(108,201,225)
```
#65cde8
```
#65cde8 rgb(101,205,232)
```
#5ed1ef
```
#5ed1ef rgb(94,209,239)
```
#57d5f6
```
#57d5f6 rgb(87,213,246)
```
#50d9fd
```
#50d9fd rgb(80,217,253)
```

Tone Color Variation

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

Dichromacy

#b4b6c9 Protanopia 1% of men
#b9b3d4 Deuteranopia 1% of men
#86c0ce Tritanopia 0.001% of the population

Trichromacy

#a1b8ca Protanomaly 1% of men, 0.01% of women
#a4b6d1 Deuteranomaly 6% of men, 0.4% of women
#84bfce Tritanomaly 0.01% of the population

#80bdcd hex color

#80bdcd Color Information

#80bdcd Color Conversion

Color Schemes with #80bdcd

Alternatives to #80bdcd

#80bdcd Preview

Shades and Tints of #80bdcd

Tones of #80bdcd

Color Blindness Simulator