#80b3cd hex color

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

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

● #80b3cd color description : Slightly desaturated blue.

The hexadecimal color #80b3cd has RGB values of R:128, G:179, B:205 and CMYK values of C:0.38, M:0.13, Y:0, K:0.2. Its decimal value is 8434637.

Hex triplet	80b3cd	`#80b3cd`
RGB Decimal	128, 179, 205	`rgb(128,179,205)`
RGB Percent	50.2, 70.2, 80.4	`rgb(50.2%,70.2%,80.4%)`
CMYK	38, 13, 0, 20
HSL	200.3°, 43.5, 65.3	`hsl(200.3,43.5%,65.3%)`
HSV (or HSB)	200.3°, 37.6, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	70.341, -10.264, -18.509
XYZ	36.039, 41.236, 63.815
xyY	0.255, 0.292, 41.236
CIE-LCH	70.341, 21.164, 240.99
CIE-LUV	70.341, -25.097, -27.13
Hunter-Lab	64.215, -12.198, -13.97
Binary	10000000, 10110011, 11001101

#80b3cd
```
#80b3cd rgb(128,179,205)
```
#cd9a80
```
#cd9a80 rgb(205,154,128)
```

Complementary Color

#80cdc1
```
#80cdc1 rgb(128,205,193)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#808dcd
```
#808dcd rgb(128,141,205)
```

Analogous Color

#cdc180
```
#cdc180 rgb(205,193,128)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#cd808d
```
#cd808d rgb(205,128,141)
```

Split Complementary Color

#b3cd80
```
#b3cd80 rgb(179,205,128)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#cd80b3
```
#cd80b3 rgb(205,128,179)
```

Triadic Color

#80cd9a
```
#80cd9a rgb(128,205,154)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#cd80b3
```
#cd80b3 rgb(205,128,179)
```
#cd9a80
```
#cd9a80 rgb(205,154,128)
```

Tetradic Color

#4992b7
```
#4992b7 rgb(73,146,183)
```
#5b9dbf
```
#5b9dbf rgb(91,157,191)
```
#6ea8c6
```
#6ea8c6 rgb(110,168,198)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#92bed4
```
#92bed4 rgb(146,190,212)
```
#a5c9db
```
#a5c9db rgb(165,201,219)
```
#b7d4e3
```
#b7d4e3 rgb(183,212,227)
```

Monochromatic Color

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

#80c6cd
```
#80c6cd rgb(128,198,205)
```
#80c0cd
```
#80c0cd rgb(128,192,205)
```
#80b9cd
```
#80b9cd rgb(128,185,205)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#80adcd
```
#80adcd rgb(128,173,205)
```
#80a6cd
```
#80a6cd rgb(128,166,205)
```
#80a0cd
```
#80a0cd rgb(128,160,205)
```

Similar Colors

Text with hexadecimal color #80b3cd

This text has a font color of #80b3cd.

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

#80b3cd background color

This paragraph has a background color of #80b3cd.

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

#80b3cd border color

This element has a border color of #80b3cd.

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

CSS codes

.text {color:#80b3cd;}

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

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

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)
```
#10212a
```
#10212a rgb(16,33,42)
```
#162d38
```
#162d38 rgb(22,45,56)
```
#1c3846
```
#1c3846 rgb(28,56,70)
```
#214354
```
#214354 rgb(33,67,84)
```
#274e62
```
#274e62 rgb(39,78,98)
```
#2c5970
```
#2c5970 rgb(44,89,112)
```
#32647e
```
#32647e rgb(50,100,126)
```
#37708c
```
#37708c rgb(55,112,140)
```
#3d7b9a
```
#3d7b9a rgb(61,123,154)
```
#4286a9
```
#4286a9 rgb(66,134,169)
```
#4891b7
```
#4891b7 rgb(72,145,183)
```

Shade Color Variation

#569abc
```
#569abc rgb(86,154,188)
```
#64a2c2
```
#64a2c2 rgb(100,162,194)
```
#72abc7
```
#72abc7 rgb(114,171,199)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#8ebbd3
```
#8ebbd3 rgb(142,187,211)
```
#9cc4d8
```
#9cc4d8 rgb(156,196,216)
```
#aaccde
```
#aaccde rgb(170,204,222)
```
#b8d5e3
```
#b8d5e3 rgb(184,213,227)
```
#c6dde9
```
#c6dde9 rgb(198,221,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 #50c2fd is the most saturated one.

#a2a8ab
```
#a2a8ab rgb(162,168,171)
```
#9baab2
```
#9baab2 rgb(155,170,178)
```
#94acb9
```
#94acb9 rgb(148,172,185)
```
#8eafbf
```
#8eafbf rgb(142,175,191)
```
#87b1c6
```
#87b1c6 rgb(135,177,198)
```
#80b3cd
```
#80b3cd rgb(128,179,205)
```
#79b5d4
```
#79b5d4 rgb(121,181,212)
```
#72b7db
```
#72b7db rgb(114,183,219)
```
#6cbae1
```
#6cbae1 rgb(108,186,225)
```
#65bce8
```
#65bce8 rgb(101,188,232)
```
#5ebeef
```
#5ebeef rgb(94,190,239)
```
#57c0f6
```
#57c0f6 rgb(87,192,246)
```
#50c2fd
```
#50c2fd rgb(80,194,253)
```

Tone Color Variation

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

Dichromacy

#aaaeca Protanopia 1% of men
#aeacd3 Deuteranopia 1% of men
#83b8c6 Tritanopia 0.001% of the population

Trichromacy

#9bb0cb Protanomaly 1% of men, 0.01% of women
#9dafd0 Deuteranomaly 6% of men, 0.4% of women
#82b6c8 Tritanomaly 0.01% of the population

#80b3cd hex color

#80b3cd Color Information

#80b3cd Color Conversion

Color Schemes with #80b3cd

Alternatives to #80b3cd

#80b3cd Preview

Shades and Tints of #80b3cd

Tones of #80b3cd

Color Blindness Simulator