#80b6b4 hex color

In a RGB color space, hex #80b6b4 is composed of 50.2% red, 71.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 0% magenta, 1.1% yellow and 28.6% black. It has a hue angle of 177.8 degrees, a saturation of 27% and a lightness of 60.8%. #80b6b4 color hex could be obtained by blending #ffffff with #016d69. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 71
- B 71
RGB color chart
- C 30
- M 0
- Y 1
- K 29
CMYK color chart

● #80b6b4 color description : Slightly desaturated cyan.

The hexadecimal color #80b6b4 has RGB values of R:128, G:182, B:180 and CMYK values of C:0.3, M:0, Y:0.01, K:0.29. Its decimal value is 8435380.

Hex triplet	80b6b4	`#80b6b4`
RGB Decimal	128, 182, 180	`rgb(128,182,180)`
RGB Percent	50.2, 71.4, 70.6	`rgb(50.2%,71.4%,70.6%)`
CMYK	30, 0, 1, 29
HSL	177.8°, 27, 60.8	`hsl(177.8,27%,60.8%)`
HSV (or HSB)	177.8°, 29.7, 71.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	70.413, -17.999, -4.664
XYZ	33.866, 41.339, 49.372
xyY	0.272, 0.332, 41.339
CIE-LCH	70.413, 18.594, 194.528
CIE-LUV	70.413, -26.496, -4.093
Hunter-Lab	64.295, -18.496, -0.522
Binary	10000000, 10110110, 10110100

#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#b68082
```
#b68082 rgb(182,128,130)
```

Complementary Color

#80b699
```
#80b699 rgb(128,182,153)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#809db6
```
#809db6 rgb(128,157,182)
```

Analogous Color

#b69980
```
#b69980 rgb(182,153,128)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#b6809d
```
#b6809d rgb(182,128,157)
```

Split Complementary Color

#b6b480
```
#b6b480 rgb(182,180,128)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#b480b6
```
#b480b6 rgb(180,128,182)
```

Triadic Color

#82b680
```
#82b680 rgb(130,182,128)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#b480b6
```
#b480b6 rgb(180,128,182)
```
#b68082
```
#b68082 rgb(182,128,130)
```

Tetradic Color

#559492
```
#559492 rgb(85,148,146)
```
#60a3a1
```
#60a3a1 rgb(96,163,161)
```
#70adaa
```
#70adaa rgb(112,173,170)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#90bfbe
```
#90bfbe rgb(144,191,190)
```
#a0c9c7
```
#a0c9c7 rgb(160,201,199)
```
#b1d2d1
```
#b1d2d1 rgb(177,210,209)
```

Monochromatic Color

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

#80b6a7
```
#80b6a7 rgb(128,182,167)
```
#80b6ab
```
#80b6ab rgb(128,182,171)
```
#80b6b0
```
#80b6b0 rgb(128,182,176)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#80b4b6
```
#80b4b6 rgb(128,180,182)
```
#80afb6
```
#80afb6 rgb(128,175,182)
```
#80abb6
```
#80abb6 rgb(128,171,182)
```

Similar Colors

Text with hexadecimal color #80b6b4

This text has a font color of #80b6b4.

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

#80b6b4 background color

This paragraph has a background color of #80b6b4.

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

#80b6b4 border color

This element has a border color of #80b6b4.

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

CSS codes

.text {color:#80b6b4;}

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

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

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, #060a0a is the darkest color, while #fdfefe is the lightest one.

#060a0a
```
#060a0a rgb(6,10,10)
```
#0d1616
```
#0d1616 rgb(13,22,22)
```
#142322
```
#142322 rgb(20,35,34)
```
#1b2f2f
```
#1b2f2f rgb(27,47,47)
```
#223c3b
```
#223c3b rgb(34,60,59)
```
#2a4847
```
#2a4847 rgb(42,72,71)
```
#315553
```
#315553 rgb(49,85,83)
```
#386160
```
#386160 rgb(56,97,96)
```
#3f6e6c
```
#3f6e6c rgb(63,110,108)
```
#467a78
```
#467a78 rgb(70,122,120)
```
#4d8784
```
#4d8784 rgb(77,135,132)
```
#559391
```
#559391 rgb(85,147,145)
```
#5c9f9d
```
#5c9f9d rgb(92,159,157)
```

Shade Color Variation

#67a8a5
```
#67a8a5 rgb(103,168,165)
```
#74afad
```
#74afad rgb(116,175,173)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#8cbdbb
```
#8cbdbb rgb(140,189,187)
```
#99c4c3
```
#99c4c3 rgb(153,196,195)
```
#a5cbca
```
#a5cbca rgb(165,203,202)
```
#b2d3d1
```
#b2d3d1 rgb(178,211,209)
```
#bedad9
```
#bedad9 rgb(190,218,217)
```
#cbe1e0
```
#cbe1e0 rgb(203,225,224)
```
#d7e8e7
```
#d7e8e7 rgb(215,232,231)
```
#e4efef
```
#e4efef rgb(228,239,239)
```
#f0f6f6
```
#f0f6f6 rgb(240,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979f9f is the less saturated color, while #3bfbf4 is the most saturated one.

#979f9f
```
#979f9f rgb(151,159,159)
```
#8fa7a6
```
#8fa7a6 rgb(143,167,166)
```
#88aead
```
#88aead rgb(136,174,173)
```
#80b6b4
```
#80b6b4 rgb(128,182,180)
```
#78bebb
```
#78bebb rgb(120,190,187)
```
#71c5c2
```
#71c5c2 rgb(113,197,194)
```
#69cdc9
```
#69cdc9 rgb(105,205,201)
```
#61d5d0
```
#61d5d0 rgb(97,213,208)
```
#5adcd8
```
#5adcd8 rgb(90,220,216)
```
#52e4df
```
#52e4df rgb(82,228,223)
```
#4aece6
```
#4aece6 rgb(74,236,230)
```
#42f4ed
```
#42f4ed rgb(66,244,237)
```
#3bfbf4
```
#3bfbf4 rgb(59,251,244)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ea9a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2afb2 Protanopia 1% of men
#bbabbc Deuteranopia 1% of men
#8ab7c5 Tritanopia 0.001% of the population

Trichromacy

#a0b1b2 Protanomaly 1% of men, 0.01% of women
#a5afb9 Deuteranomaly 6% of men, 0.4% of women
#86b7be Tritanomaly 0.01% of the population

#80b6b4 hex color

#80b6b4 Color Information

#80b6b4 Color Conversion

Color Schemes with #80b6b4

Alternatives to #80b6b4

#80b6b4 Preview

Shades and Tints of #80b6b4

Tones of #80b6b4

Color Blindness Simulator