#80afb3 hex color

In a RGB color space, hex #80afb3 is composed of 50.2% red, 68.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 28.5% cyan, 2.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 184.7 degrees, a saturation of 25.1% and a lightness of 60.2%. #80afb3 color hex could be obtained by blending #ffffff with #015f67. Closest websafe color is: #9999cc.

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

● #80afb3 color description : Slightly desaturated cyan.

The hexadecimal color #80afb3 has RGB values of R:128, G:175, B:179 and CMYK values of C:0.28, M:0.02, Y:0, K:0.3. Its decimal value is 8433587.

Hex triplet	80afb3	`#80afb3`
RGB Decimal	128, 175, 179	`rgb(128,175,179)`
RGB Percent	50.2, 68.6, 70.2	`rgb(50.2%,68.6%,70.2%)`
CMYK	28, 2, 0, 30
HSL	184.7°, 25.1, 60.2	`hsl(184.7,25.1%,60.2%)`
HSV (or HSB)	184.7°, 28.5, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.389, -14.588, -7.108
XYZ	32.367, 38.503, 48.372
xyY	0.271, 0.323, 38.503
CIE-LCH	68.389, 16.228, 205.977
CIE-LUV	68.389, -23.44, -8.337
Hunter-Lab	62.05, -15.479, -2.784
Binary	10000000, 10101111, 10110011

#80afb3
```
#80afb3 rgb(128,175,179)
```
#b38480
```
#b38480 rgb(179,132,128)
```

Complementary Color

#80b39e
```
#80b39e rgb(128,179,158)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#8096b3
```
#8096b3 rgb(128,150,179)
```

Analogous Color

#b39e80
```
#b39e80 rgb(179,158,128)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#b38096
```
#b38096 rgb(179,128,150)
```

Split Complementary Color

#afb380
```
#afb380 rgb(175,179,128)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#b380af
```
#b380af rgb(179,128,175)
```

Triadic Color

#80b384
```
#80b384 rgb(128,179,132)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#b380af
```
#b380af rgb(179,128,175)
```
#b38480
```
#b38480 rgb(179,132,128)
```

Tetradic Color

#568c90
```
#568c90 rgb(86,140,144)
```
#609ba0
```
#609ba0 rgb(96,155,160)
```
#70a5a9
```
#70a5a9 rgb(112,165,169)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#90b9bd
```
#90b9bd rgb(144,185,189)
```
#a0c3c6
```
#a0c3c6 rgb(160,195,198)
```
#b0cdd0
```
#b0cdd0 rgb(176,205,208)
```

Monochromatic Color

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

#80b3aa
```
#80b3aa rgb(128,179,170)
```
#80b3af
```
#80b3af rgb(128,179,175)
```
#80b3b3
```
#80b3b3 rgb(128,179,179)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#80abb3
```
#80abb3 rgb(128,171,179)
```
#80a7b3
```
#80a7b3 rgb(128,167,179)
```
#80a2b3
```
#80a2b3 rgb(128,162,179)
```

Similar Colors

Text with hexadecimal color #80afb3

This text has a font color of #80afb3.

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

#80afb3 background color

This paragraph has a background color of #80afb3.

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

#80afb3 border color

This element has a border color of #80afb3.

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

CSS codes

.text {color:#80afb3;}

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

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

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

#050808
```
#050808 rgb(5,8,8)
```
#0c1414
```
#0c1414 rgb(12,20,20)
```
#132021
```
#132021 rgb(19,32,33)
```
#1b2b2d
```
#1b2b2d rgb(27,43,45)
```
#223739
```
#223739 rgb(34,55,57)
```
#294345
```
#294345 rgb(41,67,69)
```
#314f52
```
#314f52 rgb(49,79,82)
```
#385b5e
```
#385b5e rgb(56,91,94)
```
#40676a
```
#40676a rgb(64,103,106)
```
#477376
```
#477376 rgb(71,115,118)
```
#4e7f83
```
#4e7f83 rgb(78,127,131)
```
#568a8f
```
#568a8f rgb(86,138,143)
```
#5d969b
```
#5d969b rgb(93,150,155)
```

Shade Color Variation

#67a0a4
```
#67a0a4 rgb(103,160,164)
```
#74a7ac
```
#74a7ac rgb(116,167,172)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#8cb7ba
```
#8cb7ba rgb(140,183,186)
```
#99bec2
```
#99bec2 rgb(153,190,194)
```
#a5c6c9
```
#a5c6c9 rgb(165,198,201)
```
#b1ced0
```
#b1ced0 rgb(177,206,208)
```
#bdd6d8
```
#bdd6d8 rgb(189,214,216)
```
#cadddf
```
#cadddf rgb(202,221,223)
```
#d6e5e6
```
#d6e5e6 rgb(214,229,230)
```
#e2edee
```
#e2edee rgb(226,237,238)
```
#eef5f5
```
#eef5f5 rgb(238,245,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#979b9c
```
#979b9c rgb(151,155,156)
```
#90a2a3
```
#90a2a3 rgb(144,162,163)
```
#88a8ab
```
#88a8ab rgb(136,168,171)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#78b6bb
```
#78b6bb rgb(120,182,187)
```
#70bcc3
```
#70bcc3 rgb(112,188,195)
```
#69c3ca
```
#69c3ca rgb(105,195,202)
```
#61c9d2
```
#61c9d2 rgb(97,201,210)
```
#59d0da
```
#59d0da rgb(89,208,218)
```
#51d6e2
```
#51d6e2 rgb(81,214,226)
```
#49ddea
```
#49ddea rgb(73,221,234)
```
#42e4f1
```
#42e4f1 rgb(66,228,241)
```
#3aeaf9
```
#3aeaf9 rgb(58,234,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9aa4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaab2 Protanopia 1% of men
#b3a7bb Deuteranopia 1% of men
#88b1be Tritanopia 0.001% of the population

Trichromacy

#9cacb2 Protanomaly 1% of men, 0.01% of women
#a0a9b8 Deuteranomaly 6% of men, 0.4% of women
#85b0ba Tritanomaly 0.01% of the population

#80afb3 hex color

#80afb3 Color Information

#80afb3 Color Conversion

Color Schemes with #80afb3

Alternatives to #80afb3

#80afb3 Preview

Shades and Tints of #80afb3

Tones of #80afb3

Color Blindness Simulator