#80c0dd hex color

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

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

● #80c0dd color description : Very soft blue.

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

Hex triplet	80c0dd	`#80c0dd`
RGB Decimal	128, 192, 221	`rgb(128,192,221)`
RGB Percent	50.2, 75.3, 86.7	`rgb(50.2%,75.3%,86.7%)`
CMYK	42, 13, 0, 13
HSL	198.7°, 57.8, 68.4	`hsl(198.7,57.8%,68.4%)`
HSV (or HSB)	198.7°, 42.1, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.513, -12.967, -20.904
XYZ	40.8, 47.507, 75.422
xyY	0.249, 0.29, 47.507
CIE-LCH	74.513, 24.599, 238.189
CIE-LUV	74.513, -30.275, -30.902
Hunter-Lab	68.925, -14.958, -16.631
Binary	10000000, 11000000, 11011101

#80c0dd
```
#80c0dd rgb(128,192,221)
```
#dd9d80
```
#dd9d80 rgb(221,157,128)
```

Complementary Color

#80ddcc
```
#80ddcc rgb(128,221,204)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#8092dd
```
#8092dd rgb(128,146,221)
```

Analogous Color

#ddcc80
```
#ddcc80 rgb(221,204,128)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#dd8092
```
#dd8092 rgb(221,128,146)
```

Split Complementary Color

#c0dd80
```
#c0dd80 rgb(192,221,128)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#dd80c0
```
#dd80c0 rgb(221,128,192)
```

Triadic Color

#80dd9d
```
#80dd9d rgb(128,221,157)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#dd80c0
```
#dd80c0 rgb(221,128,192)
```
#dd9d80
```
#dd9d80 rgb(221,157,128)
```

Tetradic Color

#44a2cd
```
#44a2cd rgb(68,162,205)
```
#58acd2
```
#58acd2 rgb(88,172,210)
```
#6cb6d8
```
#6cb6d8 rgb(108,182,216)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#94cae2
```
#94cae2 rgb(148,202,226)
```
#a8d4e8
```
#a8d4e8 rgb(168,212,232)
```
#bcdeed
```
#bcdeed rgb(188,222,237)
```

Monochromatic Color

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

#80d7dd
```
#80d7dd rgb(128,215,221)
```
#80d0dd
```
#80d0dd rgb(128,208,221)
```
#80c8dd
```
#80c8dd rgb(128,200,221)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#80b8dd
```
#80b8dd rgb(128,184,221)
```
#80b1dd
```
#80b1dd rgb(128,177,221)
```
#80a9dd
```
#80a9dd rgb(128,169,221)
```

Similar Colors

Text with hexadecimal color #80c0dd

This text has a font color of #80c0dd.

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

#80c0dd background color

This paragraph has a background color of #80c0dd.

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

#80c0dd border color

This element has a border color of #80c0dd.

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

CSS codes

.text {color:#80c0dd;}

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

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

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)
```
#0c212b
```
#0c212b rgb(12,33,43)
```
#102d3b
```
#102d3b rgb(16,45,59)
```
#14394a
```
#14394a rgb(20,57,74)
```
#18455a
```
#18455a rgb(24,69,90)
```
#1c5169
```
#1c5169 rgb(28,81,105)
```
#205d79
```
#205d79 rgb(32,93,121)
```
#246988
```
#246988 rgb(36,105,136)
```
#297598
```
#297598 rgb(41,117,152)
```
#2d81a7
```
#2d81a7 rgb(45,129,167)
```
#318db6
```
#318db6 rgb(49,141,182)
```
#3599c6
```
#3599c6 rgb(53,153,198)
```

Shade Color Variation

#42a1cc
```
#42a1cc rgb(66,161,204)
```
#52a9d1
```
#52a9d1 rgb(82,169,209)
```
#61b1d5
```
#61b1d5 rgb(97,177,213)
```
#71b8d9
```
#71b8d9 rgb(113,184,217)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#8fc8e1
```
#8fc8e1 rgb(143,200,225)
```
#9fcfe5
```
#9fcfe5 rgb(159,207,229)
```
#aed7e9
```
#aed7e9 rgb(174,215,233)
```
#bedfee
```
#bedfee rgb(190,223,238)
```
#cde6f2
```
#cde6f2 rgb(205,230,242)
```
#ddeef6
```
#ddeef6 rgb(221,238,246)
```
#ecf6fa
```
#ecf6fa rgb(236,246,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#abb0b2
```
#abb0b2 rgb(171,176,178)
```
#a5b2b8
```
#a5b2b8 rgb(165,178,184)
```
#9fb4be
```
#9fb4be rgb(159,180,190)
```
#99b7c4
```
#99b7c4 rgb(153,183,196)
```
#93b9ca
```
#93b9ca rgb(147,185,202)
```
#8cbbd1
```
#8cbbd1 rgb(140,187,209)
```
#86bed7
```
#86bed7 rgb(134,190,215)
```
#80c0dd
```
#80c0dd rgb(128,192,221)
```
#7ac2e3
```
#7ac2e3 rgb(122,194,227)
```
#74c5e9
```
#74c5e9 rgb(116,197,233)
```
#6dc7f0
```
#6dc7f0 rgb(109,199,240)
```
#67c9f6
```
#67c9f6 rgb(103,201,246)
```
#61ccfc
```
#61ccfc rgb(97,204,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a6b3b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b9d8 Protanopia 1% of men
#b6b7e3 Deuteranopia 1% of men
#82c5d3 Tritanopia 0.001% of the population

Trichromacy

#a1bbda Protanomaly 1% of men, 0.01% of women
#a2bae0 Deuteranomaly 6% of men, 0.4% of women
#81c3d7 Tritanomaly 0.01% of the population

#80c0dd hex color

#80c0dd Color Information

#80c0dd Color Conversion

Color Schemes with #80c0dd

Alternatives to #80c0dd

#80c0dd Preview

Shades and Tints of #80c0dd

Tones of #80c0dd

Color Blindness Simulator