#80c2bf hex color

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

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

● #80c2bf color description : Slightly desaturated cyan.

The hexadecimal color #80c2bf has RGB values of R:128, G:194, B:191 and CMYK values of C:0.34, M:0, Y:0.02, K:0.24. Its decimal value is 8438463.

Hex triplet	80c2bf	`#80c2bf`
RGB Decimal	128, 194, 191	`rgb(128,194,191)`
RGB Percent	50.2, 76.1, 74.9	`rgb(50.2%,76.1%,74.9%)`
CMYK	34, 0, 2, 24
HSL	177.3°, 35.1, 63.1	`hsl(177.3,35.1%,63.1%)`
HSV (or HSB)	177.3°, 34, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.147, -21.533, -5.163
XYZ	37.595, 46.933, 56.365
xyY	0.267, 0.333, 46.933
CIE-LCH	74.147, 22.143, 193.484
CIE-LUV	74.147, -31.528, -4.352
Hunter-Lab	68.507, -21.931, -0.826
Binary	10000000, 11000010, 10111111

#80c2bf
```
#80c2bf rgb(128,194,191)
```
#c28083
```
#c28083 rgb(194,128,131)
```

Complementary Color

#80c29e
```
#80c29e rgb(128,194,158)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#80a4c2
```
#80a4c2 rgb(128,164,194)
```

Analogous Color

#c29e80
```
#c29e80 rgb(194,158,128)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#c280a4
```
#c280a4 rgb(194,128,164)
```

Split Complementary Color

#c2bf80
```
#c2bf80 rgb(194,191,128)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#bf80c2
```
#bf80c2 rgb(191,128,194)
```

Triadic Color

#83c280
```
#83c280 rgb(131,194,128)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#bf80c2
```
#bf80c2 rgb(191,128,194)
```
#c28083
```
#c28083 rgb(194,128,131)
```

Tetradic Color

#50a6a2
```
#50a6a2 rgb(80,166,162)
```
#5eb1ae
```
#5eb1ae rgb(94,177,174)
```
#6fbab6
```
#6fbab6 rgb(111,186,182)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#91cac8
```
#91cac8 rgb(145,202,200)
```
#a2d3d0
```
#a2d3d0 rgb(162,211,208)
```
#b4dbd9
```
#b4dbd9 rgb(180,219,217)
```

Monochromatic Color

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

#80c2af
```
#80c2af rgb(128,194,175)
```
#80c2b4
```
#80c2b4 rgb(128,194,180)
```
#80c2ba
```
#80c2ba rgb(128,194,186)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#80c0c2
```
#80c0c2 rgb(128,192,194)
```
#80bac2
```
#80bac2 rgb(128,186,194)
```
#80b5c2
```
#80b5c2 rgb(128,181,194)
```

Similar Colors

Text with hexadecimal color #80c2bf

This text has a font color of #80c2bf.

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

#80c2bf background color

This paragraph has a background color of #80c2bf.

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

#80c2bf border color

This element has a border color of #80c2bf.

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

CSS codes

.text {color:#80c2bf;}

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

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

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 #f7fbfb is the lightest one.

#030605
```
#030605 rgb(3,6,5)
```
#091312
```
#091312 rgb(9,19,18)
```
#0f201f
```
#0f201f rgb(15,32,31)
```
#162d2c
```
#162d2c rgb(22,45,44)
```
#1c3b39
```
#1c3b39 rgb(28,59,57)
```
#224846
```
#224846 rgb(34,72,70)
```
#295553
```
#295553 rgb(41,85,83)
```
#2f6260
```
#2f6260 rgb(47,98,96)
```
#36706d
```
#36706d rgb(54,112,109)
```
#3c7d7a
```
#3c7d7a rgb(60,125,122)
```
#428a87
```
#428a87 rgb(66,138,135)
```
#499794
```
#499794 rgb(73,151,148)
```
#4fa5a1
```
#4fa5a1 rgb(79,165,161)
```

Shade Color Variation

#58afab
```
#58afab rgb(88,175,171)
```
#65b5b2
```
#65b5b2 rgb(101,181,178)
```
#73bcb8
```
#73bcb8 rgb(115,188,184)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#8dc8c6
```
#8dc8c6 rgb(141,200,198)
```
#9bcfcc
```
#9bcfcc rgb(155,207,204)
```
#a8d5d3
```
#a8d5d3 rgb(168,213,211)
```
#b5dbda
```
#b5dbda rgb(181,219,218)
```
#c2e2e0
```
#c2e2e0 rgb(194,226,224)
```
#d0e8e7
```
#d0e8e7 rgb(208,232,231)
```
#ddefee
```
#ddefee rgb(221,239,238)
```
#eaf5f4
```
#eaf5f4 rgb(234,245,244)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#9da5a5
```
#9da5a5 rgb(157,165,165)
```
#96acab
```
#96acab rgb(150,172,171)
```
#8eb4b2
```
#8eb4b2 rgb(142,180,178)
```
#87bbb8
```
#87bbb8 rgb(135,187,184)
```
#80c2bf
```
#80c2bf rgb(128,194,191)
```
#79c9c6
```
#79c9c6 rgb(121,201,198)
```
#72d0cc
```
#72d0cc rgb(114,208,204)
```
#6ad8d3
```
#6ad8d3 rgb(106,216,211)
```
#63dfd9
```
#63dfd9 rgb(99,223,217)
```
#5ce6e0
```
#5ce6e0 rgb(92,230,224)
```
#55ede6
```
#55ede6 rgb(85,237,230)
```
#4df5ed
```
#4df5ed rgb(77,245,237)
```
#46fcf4
```
#46fcf4 rgb(70,252,244)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a5b2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb9bb Protanopia 1% of men
#c4b5c7 Deuteranopia 1% of men
#8bc2d0 Tritanopia 0.001% of the population

Trichromacy

#a6bcbc Protanomaly 1% of men, 0.01% of women
#abb9c4 Deuteranomaly 6% of men, 0.4% of women
#87c2ca Tritanomaly 0.01% of the population

#80c2bf hex color

#80c2bf Color Information

#80c2bf Color Conversion

Color Schemes with #80c2bf

Alternatives to #80c2bf

#80c2bf Preview

Shades and Tints of #80c2bf

Tones of #80c2bf

Color Blindness Simulator