#80b1d7 hex color

In a RGB color space, hex #80b1d7 is composed of 50.2% red, 69.4% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 17.7% magenta, 0% yellow and 15.7% black. It has a hue angle of 206.2 degrees, a saturation of 52.1% and a lightness of 67.3%. #80b1d7 color hex could be obtained by blending #ffffff with #0163af. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 69
- B 84
RGB color chart
- C 40
- M 18
- Y 0
- K 16
CMYK color chart

● #80b1d7 color description : Slightly desaturated blue.

The hexadecimal color #80b1d7 has RGB values of R:128, G:177, B:215 and CMYK values of C:0.4, M:0.18, Y:0, K:0.16. Its decimal value is 8434135.

Hex triplet	80b1d7	`#80b1d7`
RGB Decimal	128, 177, 215	`rgb(128,177,215)`
RGB Percent	50.2, 69.4, 84.3	`rgb(50.2%,69.4%,84.3%)`
CMYK	40, 18, 0, 16
HSL	206.2°, 52.1, 67.3	`hsl(206.2,52.1%,67.3%)`
HSV (or HSB)	206.2°, 40.5, 84.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.133, -6.55, -24.31
XYZ	36.887, 40.938, 70.244
xyY	0.249, 0.276, 40.938
CIE-LCH	70.133, 25.177, 254.92
CIE-LUV	70.133, -24.26, -37.158
Hunter-Lab	63.983, -9.062, -20.304
Binary	10000000, 10110001, 11010111

#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#d7a680
```
#d7a680 rgb(215,166,128)
```

Complementary Color

#80d7d2
```
#80d7d2 rgb(128,215,210)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#8086d7
```
#8086d7 rgb(128,134,215)
```

Analogous Color

#d7d280
```
#d7d280 rgb(215,210,128)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#d78086
```
#d78086 rgb(215,128,134)
```

Split Complementary Color

#b1d780
```
#b1d780 rgb(177,215,128)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#d780b1
```
#d780b1 rgb(215,128,177)
```

Triadic Color

#80d7a6
```
#80d7a6 rgb(128,215,166)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#d780b1
```
#d780b1 rgb(215,128,177)
```
#d7a680
```
#d7a680 rgb(215,166,128)
```

Tetradic Color

#468dc5
```
#468dc5 rgb(70,141,197)
```
#5999cb
```
#5999cb rgb(89,153,203)
```
#6da5d1
```
#6da5d1 rgb(109,165,209)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#93bddd
```
#93bddd rgb(147,189,221)
```
#a7c9e3
```
#a7c9e3 rgb(167,201,227)
```
#bad5e9
```
#bad5e9 rgb(186,213,233)
```

Monochromatic Color

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

#80c7d7
```
#80c7d7 rgb(128,199,215)
```
#80c0d7
```
#80c0d7 rgb(128,192,215)
```
#80b8d7
```
#80b8d7 rgb(128,184,215)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#80aad7
```
#80aad7 rgb(128,170,215)
```
#80a3d7
```
#80a3d7 rgb(128,163,215)
```
#809bd7
```
#809bd7 rgb(128,155,215)
```

Similar Colors

Text with hexadecimal color #80b1d7

This text has a font color of #80b1d7.

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

#80b1d7 background color

This paragraph has a background color of #80b1d7.

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

#80b1d7 border color

This element has a border color of #80b1d7.

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

CSS codes

.text {color:#80b1d7;}

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

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

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, #020507 is the darkest color, while #f7fafd is the lightest one.

#020507
```
#020507 rgb(2,5,7)
```
#071016
```
#071016 rgb(7,16,22)
```
#0c1a25
```
#0c1a25 rgb(12,26,37)
```
#102434
```
#102434 rgb(16,36,52)
```
#152f43
```
#152f43 rgb(21,47,67)
```
#1a3952
```
#1a3952 rgb(26,57,82)
```
#1e4461
```
#1e4461 rgb(30,68,97)
```
#234e70
```
#234e70 rgb(35,78,112)
```
#28597f
```
#28597f rgb(40,89,127)
```
#2d638e
```
#2d638e rgb(45,99,142)
```
#316e9c
```
#316e9c rgb(49,110,156)
```
#3678ab
```
#3678ab rgb(54,120,171)
```
#3b83ba
```
#3b83ba rgb(59,131,186)
```

Shade Color Variation

#448cc4
```
#448cc4 rgb(68,140,196)
```
#5396c9
```
#5396c9 rgb(83,150,201)
```
#629fce
```
#629fce rgb(98,159,206)
```
#71a8d2
```
#71a8d2 rgb(113,168,210)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#8fbadc
```
#8fbadc rgb(143,186,220)
```
#9ec3e0
```
#9ec3e0 rgb(158,195,224)
```
#adcce5
```
#adcce5 rgb(173,204,229)
```
#bcd6ea
```
#bcd6ea rgb(188,214,234)
```
#cbdfee
```
#cbdfee rgb(203,223,238)
```
#dae8f3
```
#dae8f3 rgb(218,232,243)
```
#e8f1f8
```
#e8f1f8 rgb(232,241,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#a7acb0
```
#a7acb0 rgb(167,172,176)
```
#a0adb7
```
#a0adb7 rgb(160,173,183)
```
#9aaebd
```
#9aaebd rgb(154,174,189)
```
#93afc4
```
#93afc4 rgb(147,175,196)
```
#8dafca
```
#8dafca rgb(141,175,202)
```
#86b0d1
```
#86b0d1 rgb(134,176,209)
```
#80b1d7
```
#80b1d7 rgb(128,177,215)
```
#7ab2dd
```
#7ab2dd rgb(122,178,221)
```
#73b3e4
```
#73b3e4 rgb(115,179,228)
```
#6db3ea
```
#6db3ea rgb(109,179,234)
```
#66b4f1
```
#66b4f1 rgb(102,180,241)
```
#60b5f7
```
#60b5f7 rgb(96,181,247)
```
#59b6fe
```
#59b6fe rgb(89,182,254)
```

Tone Color Variation

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

Dichromacy

#a6aed4 Protanopia 1% of men
#a7acdc Deuteranopia 1% of men
#80b8c5 Tritanopia 0.001% of the population

Trichromacy

#98afd5 Protanomaly 1% of men, 0.01% of women
#99aeda Deuteranomaly 6% of men, 0.4% of women
#80b5cc Tritanomaly 0.01% of the population

#80b1d7 hex color

#80b1d7 Color Information

#80b1d7 Color Conversion

Color Schemes with #80b1d7

Alternatives to #80b1d7

#80b1d7 Preview

Shades and Tints of #80b1d7

Tones of #80b1d7

Color Blindness Simulator