#80b1af hex color

In a RGB color space, hex #80b1af is composed of 50.2% red, 69.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 0% magenta, 1.1% yellow and 30.6% black. It has a hue angle of 177.6 degrees, a saturation of 23.9% and a lightness of 59.8%. #80b1af color hex could be obtained by blending #ffffff with #01635f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 50
- G 69
- B 69
RGB color chart
- C 28
- M 0
- Y 1
- K 31
CMYK color chart

● #80b1af color description : Mostly desaturated dark cyan.

The hexadecimal color #80b1af has RGB values of R:128, G:177, B:175 and CMYK values of C:0.28, M:0, Y:0.01, K:0.31. Its decimal value is 8434095.

Hex triplet	80b1af	`#80b1af`
RGB Decimal	128, 177, 175	`rgb(128,177,175)`
RGB Percent	50.2, 69.4, 68.6	`rgb(50.2%,69.4%,68.6%)`
CMYK	28, 0, 1, 31
HSL	177.6°, 23.9, 59.8	`hsl(177.6,23.9%,59.8%)`
HSV (or HSB)	177.6°, 27.7, 69.4
Web Safe	999999	`#999999`

CIE-LAB	68.843, -16.569, -4.225
XYZ	32.36, 39.127, 46.402
xyY	0.274, 0.332, 39.127
CIE-LCH	68.843, 17.099, 194.306
CIE-LUV	68.843, -24.326, -3.63
Hunter-Lab	62.552, -17.122, -0.196
Binary	10000000, 10110001, 10101111

#80b1af
```
#80b1af rgb(128,177,175)
```
#b18082
```
#b18082 rgb(177,128,130)
```

Complementary Color

#80b197
```
#80b197 rgb(128,177,151)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#809bb1
```
#809bb1 rgb(128,155,177)
```

Analogous Color

#b19780
```
#b19780 rgb(177,151,128)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#b1809b
```
#b1809b rgb(177,128,155)
```

Split Complementary Color

#b1af80
```
#b1af80 rgb(177,175,128)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#af80b1
```
#af80b1 rgb(175,128,177)
```

Triadic Color

#82b180
```
#82b180 rgb(130,177,128)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#af80b1
```
#af80b1 rgb(175,128,177)
```
#b18082
```
#b18082 rgb(177,128,130)
```

Tetradic Color

#578e8b
```
#578e8b rgb(87,142,139)
```
#619d9b
```
#619d9b rgb(97,157,155)
```
#70a7a5
```
#70a7a5 rgb(112,167,165)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#90bbb9
```
#90bbb9 rgb(144,187,185)
```
#a0c4c3
```
#a0c4c3 rgb(160,196,195)
```
#afcecd
```
#afcecd rgb(175,206,205)
```

Monochromatic Color

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

#80b1a3
```
#80b1a3 rgb(128,177,163)
```
#80b1a7
```
#80b1a7 rgb(128,177,167)
```
#80b1ab
```
#80b1ab rgb(128,177,171)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#80afb1
```
#80afb1 rgb(128,175,177)
```
#80abb1
```
#80abb1 rgb(128,171,177)
```
#80a7b1
```
#80a7b1 rgb(128,167,177)
```

Similar Colors

Text with hexadecimal color #80b1af

This text has a font color of #80b1af.

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

#80b1af background color

This paragraph has a background color of #80b1af.

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

#80b1af border color

This element has a border color of #80b1af.

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

CSS codes

.text {color:#80b1af;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1313
```
#0c1313 rgb(12,19,19)
```
#131f1e
```
#131f1e rgb(19,31,30)
```
#1a2b2a
```
#1a2b2a rgb(26,43,42)
```
#223736
```
#223736 rgb(34,55,54)
```
#294342
```
#294342 rgb(41,67,66)
```
#31504e
```
#31504e rgb(49,80,78)
```
#385c5a
```
#385c5a rgb(56,92,90)
```
#406866
```
#406866 rgb(64,104,102)
```
#477472
```
#477472 rgb(71,116,114)
```
#4f807e
```
#4f807e rgb(79,128,126)
```
#568c8a
```
#568c8a rgb(86,140,138)
```
#5e9896
```
#5e9896 rgb(94,152,150)
```

Shade Color Variation

#68a2a0
```
#68a2a0 rgb(104,162,160)
```
#74aaa7
```
#74aaa7 rgb(116,170,167)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#8cb8b7
```
#8cb8b7 rgb(140,184,183)
```
#98c0be
```
#98c0be rgb(152,192,190)
```
#a4c7c6
```
#a4c7c6 rgb(164,199,198)
```
#b1cfce
```
#b1cfce rgb(177,207,206)
```
#bdd6d5
```
#bdd6d5 rgb(189,214,213)
```
#c9dedd
```
#c9dedd rgb(201,222,221)
```
#d5e5e5
```
#d5e5e5 rgb(213,229,229)
```
#e1edec
```
#e1edec rgb(225,237,236)
```
#edf4f4
```
#edf4f4 rgb(237,244,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#989999
```
#989999 rgb(152,153,153)
```
#90a1a1
```
#90a1a1 rgb(144,161,161)
```
#88a9a8
```
#88a9a8 rgb(136,169,168)
```
#80b1af
```
#80b1af rgb(128,177,175)
```
#78b9b6
```
#78b9b6 rgb(120,185,182)
```
#70c1bd
```
#70c1bd rgb(112,193,189)
```
#68c9c5
```
#68c9c5 rgb(104,201,197)
```
#60d1cc
```
#60d1cc rgb(96,209,204)
```
#59d8d3
```
#59d8d3 rgb(89,216,211)
```
#51e0da
```
#51e0da rgb(81,224,218)
```
#49e8e2
```
#49e8e2 rgb(73,232,226)
```
#41f0e9
```
#41f0e9 rgb(65,240,233)
```
#39f8f0
```
#39f8f0 rgb(57,248,240)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ba5a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeabae Protanopia 1% of men
#b7a7b7 Deuteranopia 1% of men
#8ab3bf Tritanopia 0.001% of the population

Trichromacy

#9dadae Protanomaly 1% of men, 0.01% of women
#a3abb4 Deuteranomaly 6% of men, 0.4% of women
#86b2b9 Tritanomaly 0.01% of the population

#80b1af hex color

#80b1af Color Information

#80b1af Color Conversion

Color Schemes with #80b1af

Alternatives to #80b1af

#80b1af Preview

Shades and Tints of #80b1af

Tones of #80b1af

Color Blindness Simulator