#80bcdd hex color

In a RGB color space, hex #80bcdd is composed of 50.2% red, 73.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 14.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 201.3 degrees, a saturation of 57.8% and a lightness of 68.4%. #80bcdd color hex could be obtained by blending #ffffff with #0179bb. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 74
- B 87
RGB color chart
- C 42
- M 15
- Y 0
- K 13
CMYK color chart

● #80bcdd color description : Very soft blue.

The hexadecimal color #80bcdd has RGB values of R:128, G:188, B:221 and CMYK values of C:0.42, M:0.15, Y:0, K:0.13. Its decimal value is 8436957.

Hex triplet	80bcdd	`#80bcdd`
RGB Decimal	128, 188, 221	`rgb(128,188,221)`
RGB Percent	50.2, 73.7, 86.7	`rgb(50.2%,73.7%,86.7%)`
CMYK	42, 15, 0, 13
HSL	201.3°, 57.8, 68.4	`hsl(201.3,57.8%,68.4%)`
HSV (or HSB)	201.3°, 42.1, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.399, -10.853, -22.599
XYZ	39.933, 45.774, 75.134
xyY	0.248, 0.285, 45.774
CIE-LCH	73.399, 25.07, 244.347
CIE-LUV	73.399, -28.667, -33.943
Hunter-Lab	67.657, -13.042, -18.483
Binary	10000000, 10111100, 11011101

#80bcdd
```
#80bcdd rgb(128,188,221)
```
#dda180
```
#dda180 rgb(221,161,128)
```

Complementary Color

#80ddd0
```
#80ddd0 rgb(128,221,208)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#808edd
```
#808edd rgb(128,142,221)
```

Analogous Color

#ddd080
```
#ddd080 rgb(221,208,128)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#dd808e
```
#dd808e rgb(221,128,142)
```

Split Complementary Color

#bcdd80
```
#bcdd80 rgb(188,221,128)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#dd80bc
```
#dd80bc rgb(221,128,188)
```

Triadic Color

#80dda1
```
#80dda1 rgb(128,221,161)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#dd80bc
```
#dd80bc rgb(221,128,188)
```
#dda180
```
#dda180 rgb(221,161,128)
```

Tetradic Color

#449ccd
```
#449ccd rgb(68,156,205)
```
#58a7d2
```
#58a7d2 rgb(88,167,210)
```
#6cb1d8
```
#6cb1d8 rgb(108,177,216)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#94c7e2
```
#94c7e2 rgb(148,199,226)
```
#a8d1e8
```
#a8d1e8 rgb(168,209,232)
```
#bcdced
```
#bcdced rgb(188,220,237)
```

Monochromatic Color

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

#80d3dd
```
#80d3dd rgb(128,211,221)
```
#80ccdd
```
#80ccdd rgb(128,204,221)
```
#80c4dd
```
#80c4dd rgb(128,196,221)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#80b4dd
```
#80b4dd rgb(128,180,221)
```
#80addd
```
#80addd rgb(128,173,221)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```

Similar Colors

Text with hexadecimal color #80bcdd

This text has a font color of #80bcdd.

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

#80bcdd background color

This paragraph has a background color of #80bcdd.

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

#80bcdd border color

This element has a border color of #80bcdd.

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

CSS codes

.text {color:#80bcdd;}

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

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

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, #03090c is the darkest color, while #fcfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#07151c
```
#07151c rgb(7,21,28)
```
#0c202b
```
#0c202b rgb(12,32,43)
```
#102b3b
```
#102b3b rgb(16,43,59)
```
#14374a
```
#14374a rgb(20,55,74)
```
#18425a
```
#18425a rgb(24,66,90)
```
#1c4e69
```
#1c4e69 rgb(28,78,105)
```
#205979
```
#205979 rgb(32,89,121)
```
#246588
```
#246588 rgb(36,101,136)
```
#297098
```
#297098 rgb(41,112,152)
```
#2d7ca7
```
#2d7ca7 rgb(45,124,167)
```
#3187b6
```
#3187b6 rgb(49,135,182)
```
#3593c6
```
#3593c6 rgb(53,147,198)
```

Shade Color Variation

#429bcc
```
#429bcc rgb(66,155,204)
```
#52a4d1
```
#52a4d1 rgb(82,164,209)
```
#61acd5
```
#61acd5 rgb(97,172,213)
```
#71b4d9
```
#71b4d9 rgb(113,180,217)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#8fc4e1
```
#8fc4e1 rgb(143,196,225)
```
#9fcce5
```
#9fcce5 rgb(159,204,229)
```
#aed4e9
```
#aed4e9 rgb(174,212,233)
```
#beddee
```
#beddee rgb(190,221,238)
```
#cde5f2
```
#cde5f2 rgb(205,229,242)
```
#ddedf6
```
#ddedf6 rgb(221,237,246)
```
#ecf5fa
```
#ecf5fa rgb(236,245,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#abafb2
```
#abafb2 rgb(171,175,178)
```
#a5b1b8
```
#a5b1b8 rgb(165,177,184)
```
#9fb3be
```
#9fb3be rgb(159,179,190)
```
#99b5c4
```
#99b5c4 rgb(153,181,196)
```
#93b7ca
```
#93b7ca rgb(147,183,202)
```
#8cb8d1
```
#8cb8d1 rgb(140,184,209)
```
#86bad7
```
#86bad7 rgb(134,186,215)
```
#80bcdd
```
#80bcdd rgb(128,188,221)
```
#7abee3
```
#7abee3 rgb(122,190,227)
```
#74c0e9
```
#74c0e9 rgb(116,192,233)
```
#6dc1f0
```
#6dc1f0 rgb(109,193,240)
```
#67c3f6
```
#67c3f6 rgb(103,195,246)
```
#61c5fc
```
#61c5fc rgb(97,197,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a5b1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b6d9 Protanopia 1% of men
#b1b4e2 Deuteranopia 1% of men
#81c2d0 Tritanopia 0.001% of the population

Trichromacy

#9eb8da Protanomaly 1% of men, 0.01% of women
#9fb7e0 Deuteranomaly 6% of men, 0.4% of women
#80bfd4 Tritanomaly 0.01% of the population

#80bcdd hex color

#80bcdd Color Information

#80bcdd Color Conversion

Color Schemes with #80bcdd

Alternatives to #80bcdd

#80bcdd Preview

Shades and Tints of #80bcdd

Tones of #80bcdd

Color Blindness Simulator