#80bdc9 hex color

In a RGB color space, hex #80bdc9 is composed of 50.2% red, 74.1% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 6% magenta, 0% yellow and 21.2% black. It has a hue angle of 189.9 degrees, a saturation of 40.3% and a lightness of 64.5%. #80bdc9 color hex could be obtained by blending #ffffff with #017b93. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 74
- B 79
RGB color chart
- C 36
- M 6
- Y 0
- K 21
CMYK color chart

● #80bdc9 color description : Slightly desaturated cyan.

The hexadecimal color #80bdc9 has RGB values of R:128, G:189, B:201 and CMYK values of C:0.36, M:0.06, Y:0, K:0.21. Its decimal value is 8437193.

Hex triplet	80bdc9	`#80bdc9`
RGB Decimal	128, 189, 201	`rgb(128,189,201)`
RGB Percent	50.2, 74.1, 78.8	`rgb(50.2%,74.1%,78.8%)`
CMYK	36, 6, 0, 21
HSL	189.9°, 40.3, 64.5	`hsl(189.9,40.3%,64.5%)`
HSV (or HSB)	189.9°, 36.3, 78.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.023, -16.546, -12.279
XYZ	37.64, 45.2, 61.996
xyY	0.26, 0.312, 45.2
CIE-LCH	73.023, 20.605, 216.579
CIE-LUV	73.023, -29.289, -16.284
Hunter-Lab	67.231, -17.719, -7.612
Binary	10000000, 10111101, 11001001

#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#c98c80
```
#c98c80 rgb(201,140,128)
```

Complementary Color

#80c9b1
```
#80c9b1 rgb(128,201,177)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#8099c9
```
#8099c9 rgb(128,153,201)
```

Analogous Color

#c9b180
```
#c9b180 rgb(201,177,128)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#c98099
```
#c98099 rgb(201,128,153)
```

Split Complementary Color

#bdc980
```
#bdc980 rgb(189,201,128)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#c980bd
```
#c980bd rgb(201,128,189)
```

Triadic Color

#80c98c
```
#80c98c rgb(128,201,140)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#c980bd
```
#c980bd rgb(201,128,189)
```
#c98c80
```
#c98c80 rgb(201,140,128)
```

Tetradic Color

#4ba0b1
```
#4ba0b1 rgb(75,160,177)
```
#5caaba
```
#5caaba rgb(92,170,186)
```
#6eb4c1
```
#6eb4c1 rgb(110,180,193)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#92c6d1
```
#92c6d1 rgb(146,198,209)
```
#a4d0d8
```
#a4d0d8 rgb(164,208,216)
```
#b6d9e0
```
#b6d9e0 rgb(182,217,224)
```

Monochromatic Color

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

#80c9c3
```
#80c9c3 rgb(128,201,195)
```
#80c9c9
```
#80c9c9 rgb(128,201,201)
```
#80c3c9
```
#80c3c9 rgb(128,195,201)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#80b7c9
```
#80b7c9 rgb(128,183,201)
```
#80b1c9
```
#80b1c9 rgb(128,177,201)
```
#80abc9
```
#80abc9 rgb(128,171,201)
```

Similar Colors

Text with hexadecimal color #80bdc9

This text has a font color of #80bdc9.

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

#80bdc9 background color

This paragraph has a background color of #80bdc9.

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

#80bdc9 border color

This element has a border color of #80bdc9.

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

CSS codes

.text {color:#80bdc9;}

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

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

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

#050a0b
```
#050a0b rgb(5,10,11)
```
#0a1618
```
#0a1618 rgb(10,22,24)
```
#102326
```
#102326 rgb(16,35,38)
```
#162f34
```
#162f34 rgb(22,47,52)
```
#1c3b42
```
#1c3b42 rgb(28,59,66)
```
#22484f
```
#22484f rgb(34,72,79)
```
#28545d
```
#28545d rgb(40,84,93)
```
#2d616b
```
#2d616b rgb(45,97,107)
```
#336d79
```
#336d79 rgb(51,109,121)
```
#397a87
```
#397a87 rgb(57,122,135)
```
#3f8694
```
#3f8694 rgb(63,134,148)
```
#4593a2
```
#4593a2 rgb(69,147,162)
```
#4b9fb0
```
#4b9fb0 rgb(75,159,176)
```

Shade Color Variation

#57a8b7
```
#57a8b7 rgb(87,168,183)
```
#64afbd
```
#64afbd rgb(100,175,189)
```
#72b6c3
```
#72b6c3 rgb(114,182,195)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#8ec4cf
```
#8ec4cf rgb(142,196,207)
```
#9ccbd5
```
#9ccbd5 rgb(156,203,213)
```
#a9d2db
```
#a9d2db rgb(169,210,219)
```
#b7dae0
```
#b7dae0 rgb(183,218,224)
```
#c5e1e6
```
#c5e1e6 rgb(197,225,230)
```
#d3e8ec
```
#d3e8ec rgb(211,232,236)
```
#e0eff2
```
#e0eff2 rgb(224,239,242)
```
#eef6f8
```
#eef6f8 rgb(238,246,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#a3a6a6
```
#a3a6a6 rgb(163,166,166)
```
#9caaad
```
#9caaad rgb(156,170,173)
```
#95afb4
```
#95afb4 rgb(149,175,180)
```
#8eb4bb
```
#8eb4bb rgb(142,180,187)
```
#87b8c2
```
#87b8c2 rgb(135,184,194)
```
#80bdc9
```
#80bdc9 rgb(128,189,201)
```
#79c2d0
```
#79c2d0 rgb(121,194,208)
```
#72c6d7
```
#72c6d7 rgb(114,198,215)
```
#6bcbde
```
#6bcbde rgb(107,203,222)
```
#64d0e5
```
#64d0e5 rgb(100,208,229)
```
#5dd4ec
```
#5dd4ec rgb(93,212,236)
```
#56d9f3
```
#56d9f3 rgb(86,217,243)
```
#4fdefa
```
#4fdefa rgb(79,222,250)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a3afb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b6c5 Protanopia 1% of men
#bbb2d0 Deuteranopia 1% of men
#87c0ce Tritanopia 0.001% of the population

Trichromacy

#a2b8c6 Protanomaly 1% of men, 0.01% of women
#a5b6cd Deuteranomaly 6% of men, 0.4% of women
#84becc Tritanomaly 0.01% of the population

#80bdc9 hex color

#80bdc9 Color Information

#80bdc9 Color Conversion

Color Schemes with #80bdc9

Alternatives to #80bdc9

#80bdc9 Preview

Shades and Tints of #80bdc9

Tones of #80bdc9

Color Blindness Simulator