#80b9d6 hex color

In a RGB color space, hex #80b9d6 is composed of 50.2% red, 72.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 13.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 200.2 degrees, a saturation of 51.2% and a lightness of 67.1%. #80b9d6 color hex could be obtained by blending #ffffff with #0173ad. Closest websafe color is: #99cccc.

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

● #80b9d6 color description : Slightly desaturated blue.

The hexadecimal color #80b9d6 has RGB values of R:128, G:185, B:214 and CMYK values of C:0.4, M:0.14, Y:0, K:0.16. Its decimal value is 8436182.

Hex triplet	80b9d6	`#80b9d6`
RGB Decimal	128, 185, 214	`rgb(128,185,214)`
RGB Percent	50.2, 72.5, 83.9	`rgb(50.2%,72.5%,83.9%)`
CMYK	40, 14, 0, 16
HSL	200.2°, 51.2, 67.1	`hsl(200.2,51.2%,67.1%)`
HSV (or HSB)	200.2°, 40.2, 83.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.322, -11.115, -20.426
XYZ	38.386, 44.14, 70.112
xyY	0.251, 0.289, 44.14
CIE-LCH	72.322, 23.254, 241.448
CIE-LUV	72.322, -27.514, -30.255
Hunter-Lab	66.438, -13.136, -16.062
Binary	10000000, 10111001, 11010110

#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#d69d80
```
#d69d80 rgb(214,157,128)
```

Complementary Color

#80d6c8
```
#80d6c8 rgb(128,214,200)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#808ed6
```
#808ed6 rgb(128,142,214)
```

Analogous Color

#d6c880
```
#d6c880 rgb(214,200,128)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#d6808e
```
#d6808e rgb(214,128,142)
```

Split Complementary Color

#b9d680
```
#b9d680 rgb(185,214,128)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#d680b9
```
#d680b9 rgb(214,128,185)
```

Triadic Color

#80d69d
```
#80d69d rgb(128,214,157)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#d680b9
```
#d680b9 rgb(214,128,185)
```
#d69d80
```
#d69d80 rgb(214,157,128)
```

Tetradic Color

#4699c3
```
#4699c3 rgb(70,153,195)
```
#59a4ca
```
#59a4ca rgb(89,164,202)
```
#6daed0
```
#6daed0 rgb(109,174,208)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#93c4dc
```
#93c4dc rgb(147,196,220)
```
#a7cee2
```
#a7cee2 rgb(167,206,226)
```
#bad9e9
```
#bad9e9 rgb(186,217,233)
```

Monochromatic Color

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

#80cfd6
```
#80cfd6 rgb(128,207,214)
```
#80c7d6
```
#80c7d6 rgb(128,199,214)
```
#80c0d6
```
#80c0d6 rgb(128,192,214)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#80b2d6
```
#80b2d6 rgb(128,178,214)
```
#80abd6
```
#80abd6 rgb(128,171,214)
```
#80a4d6
```
#80a4d6 rgb(128,164,214)
```

Similar Colors

Text with hexadecimal color #80b9d6

This text has a font color of #80b9d6.

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

#80b9d6 background color

This paragraph has a background color of #80b9d6.

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

#80b9d6 border color

This element has a border color of #80b9d6.

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

CSS codes

.text {color:#80b9d6;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#071015
```
#071015 rgb(7,16,21)
```
#0c1c24
```
#0c1c24 rgb(12,28,36)
```
#102733
```
#102733 rgb(16,39,51)
```
#153342
```
#153342 rgb(21,51,66)
```
#1a3e51
```
#1a3e51 rgb(26,62,81)
```
#1f4a5f
```
#1f4a5f rgb(31,74,95)
```
#24556e
```
#24556e rgb(36,85,110)
```
#28617d
```
#28617d rgb(40,97,125)
```
#2d6c8c
```
#2d6c8c rgb(45,108,140)
```
#32779b
```
#32779b rgb(50,119,155)
```
#3783aa
```
#3783aa rgb(55,131,170)
```
#3c8eb8
```
#3c8eb8 rgb(60,142,184)
```

Shade Color Variation

#4598c3
```
#4598c3 rgb(69,152,195)
```
#54a0c8
```
#54a0c8 rgb(84,160,200)
```
#62a9cc
```
#62a9cc rgb(98,169,204)
```
#71b1d1
```
#71b1d1 rgb(113,177,209)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#8fc1db
```
#8fc1db rgb(143,193,219)
```
#9ec9e0
```
#9ec9e0 rgb(158,201,224)
```
#acd2e4
```
#acd2e4 rgb(172,210,228)
```
#bbdae9
```
#bbdae9 rgb(187,218,233)
```
#cae2ee
```
#cae2ee rgb(202,226,238)
```
#d9eaf3
```
#d9eaf3 rgb(217,234,243)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#a7acaf
```
#a7acaf rgb(167,172,175)
```
#a0aeb6
```
#a0aeb6 rgb(160,174,182)
```
#9ab1bc
```
#9ab1bc rgb(154,177,188)
```
#93b3c3
```
#93b3c3 rgb(147,179,195)
```
#8db5c9
```
#8db5c9 rgb(141,181,201)
```
#86b7d0
```
#86b7d0 rgb(134,183,208)
```
#80b9d6
```
#80b9d6 rgb(128,185,214)
```
#7abbdc
```
#7abbdc rgb(122,187,220)
```
#73bde3
```
#73bde3 rgb(115,189,227)
```
#6dbfe9
```
#6dbfe9 rgb(109,191,233)
```
#66c1f0
```
#66c1f0 rgb(102,193,240)
```
#60c4f6
```
#60c4f6 rgb(96,196,246)
```
#59c6fd
```
#59c6fd rgb(89,198,253)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a2aeb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb3d2 Protanopia 1% of men
#b1b1db Deuteranopia 1% of men
#82becc Tritanopia 0.001% of the population

Trichromacy

#9db5d3 Protanomaly 1% of men, 0.01% of women
#9fb4d9 Deuteranomaly 6% of men, 0.4% of women
#81bccf Tritanomaly 0.01% of the population

#80b9d6 hex color

#80b9d6 Color Information

#80b9d6 Color Conversion

Color Schemes with #80b9d6

Alternatives to #80b9d6

#80b9d6 Preview

Shades and Tints of #80b9d6

Tones of #80b9d6

Color Blindness Simulator