#80c2af hex color

In a RGB color space, hex #80c2af is composed of 50.2% red, 76.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 34% cyan, 0% magenta, 9.8% yellow and 23.9% black. It has a hue angle of 162.7 degrees, a saturation of 35.1% and a lightness of 63.1%. #80c2af color hex could be obtained by blending #ffffff with #01855f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 76
- B 69
RGB color chart
- C 34
- M 0
- Y 10
- K 24
CMYK color chart

● #80c2af color description : Slightly desaturated cyan - lime green.

The hexadecimal color #80c2af has RGB values of R:128, G:194, B:175 and CMYK values of C:0.34, M:0, Y:0.1, K:0.24. Its decimal value is 8438447.

Hex triplet	80c2af	`#80c2af`
RGB Decimal	128, 194, 175	`rgb(128,194,175)`
RGB Percent	50.2, 76.1, 68.6	`rgb(50.2%,76.1%,68.6%)`
CMYK	34, 0, 10, 24
HSL	162.7°, 35.1, 63.1	`hsl(162.7,35.1%,63.1%)`
HSV (or HSB)	162.7°, 34, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.718, -25.188, 2.904
XYZ	35.93, 46.266, 47.592
xyY	0.277, 0.356, 46.266
CIE-LCH	73.718, 25.355, 173.424
CIE-LUV	73.718, -31.776, 8.433
Hunter-Lab	68.019, -24.745, 6.129
Binary	10000000, 11000010, 10101111

#80c2af
```
#80c2af rgb(128,194,175)
```
#c28093
```
#c28093 rgb(194,128,147)
```

Complementary Color

#80c28e
```
#80c28e rgb(128,194,142)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#80b4c2
```
#80b4c2 rgb(128,180,194)
```

Analogous Color

#c28e80
```
#c28e80 rgb(194,142,128)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#c280b4
```
#c280b4 rgb(194,128,180)
```

Split Complementary Color

#c2af80
```
#c2af80 rgb(194,175,128)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#af80c2
```
#af80c2 rgb(175,128,194)
```

Triadic Color

#93c280
```
#93c280 rgb(147,194,128)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#af80c2
```
#af80c2 rgb(175,128,194)
```
#c28093
```
#c28093 rgb(194,128,147)
```

Tetradic Color

#50a68d
```
#50a68d rgb(80,166,141)
```
#5eb199
```
#5eb199 rgb(94,177,153)
```
#6fbaa4
```
#6fbaa4 rgb(111,186,164)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#91caba
```
#91caba rgb(145,202,186)
```
#a2d3c5
```
#a2d3c5 rgb(162,211,197)
```
#b4dbd0
```
#b4dbd0 rgb(180,219,208)
```

Monochromatic Color

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

#80c29f
```
#80c29f rgb(128,194,159)
```
#80c2a4
```
#80c2a4 rgb(128,194,164)
```
#80c2aa
```
#80c2aa rgb(128,194,170)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#80c2b5
```
#80c2b5 rgb(128,194,181)
```
#80c2ba
```
#80c2ba rgb(128,194,186)
```
#80c2c0
```
#80c2c0 rgb(128,194,192)
```

Similar Colors

Text with hexadecimal color #80c2af

This text has a font color of #80c2af.

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

#80c2af background color

This paragraph has a background color of #80c2af.

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

#80c2af border color

This element has a border color of #80c2af.

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

CSS codes

.text {color:#80c2af;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#091310
```
#091310 rgb(9,19,16)
```
#0f201b
```
#0f201b rgb(15,32,27)
```
#162d26
```
#162d26 rgb(22,45,38)
```
#1c3b32
```
#1c3b32 rgb(28,59,50)
```
#22483d
```
#22483d rgb(34,72,61)
```
#295548
```
#295548 rgb(41,85,72)
```
#2f6254
```
#2f6254 rgb(47,98,84)
```
#36705f
```
#36705f rgb(54,112,95)
```
#3c7d6a
```
#3c7d6a rgb(60,125,106)
```
#428a75
```
#428a75 rgb(66,138,117)
```
#499781
```
#499781 rgb(73,151,129)
```
#4fa58c
```
#4fa58c rgb(79,165,140)
```

Shade Color Variation

#58af96
```
#58af96 rgb(88,175,150)
```
#65b59e
```
#65b59e rgb(101,181,158)
```
#73bca7
```
#73bca7 rgb(115,188,167)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#8dc8b7
```
#8dc8b7 rgb(141,200,183)
```
#9bcfc0
```
#9bcfc0 rgb(155,207,192)
```
#a8d5c8
```
#a8d5c8 rgb(168,213,200)
```
#b5dbd0
```
#b5dbd0 rgb(181,219,208)
```
#c2e2d9
```
#c2e2d9 rgb(194,226,217)
```
#d0e8e1
```
#d0e8e1 rgb(208,232,225)
```
#ddefe9
```
#ddefe9 rgb(221,239,233)
```
#eaf5f2
```
#eaf5f2 rgb(234,245,242)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da5a3 is the less saturated color, while #46fcc8 is the most saturated one.

#9da5a3
```
#9da5a3 rgb(157,165,163)
```
#96aca6
```
#96aca6 rgb(150,172,166)
```
#8eb4a9
```
#8eb4a9 rgb(142,180,169)
```
#87bbac
```
#87bbac rgb(135,187,172)
```
#80c2af
```
#80c2af rgb(128,194,175)
```
#79c9b2
```
#79c9b2 rgb(121,201,178)
```
#72d0b5
```
#72d0b5 rgb(114,208,181)
```
#6ad8b8
```
#6ad8b8 rgb(106,216,184)
```
#63dfbb
```
#63dfbb rgb(99,223,187)
```
#5ce6be
```
#5ce6be rgb(92,230,190)
```
#55edc1
```
#55edc1 rgb(85,237,193)
```
#4df5c4
```
#4df5c4 rgb(77,245,196)
```
#46fcc8
```
#46fcc8 rgb(70,252,200)
```

Tone Color Variation

Below, you can see how #80c2af 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
#a3b0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb8ac Protanopia 1% of men
#c9b3b9 Deuteranopia 1% of men
#8ec0ce Tritanopia 0.001% of the population

Trichromacy

#a8bbad Protanomaly 1% of men, 0.01% of women
#aeb8b5 Deuteranomaly 6% of men, 0.4% of women
#89c1c3 Tritanomaly 0.01% of the population

#80c2af hex color

#80c2af Color Information

#80c2af Color Conversion

Color Schemes with #80c2af

Alternatives to #80c2af

#80c2af Preview

Shades and Tints of #80c2af

Tones of #80c2af

Color Blindness Simulator