#80beb2 hex color

In a RGB color space, hex #80beb2 is composed of 50.2% red, 74.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 0% magenta, 6.3% yellow and 25.5% black. It has a hue angle of 168.4 degrees, a saturation of 32.3% and a lightness of 62.4%. #80beb2 color hex could be obtained by blending #ffffff with #017d65. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 75
- B 70
RGB color chart
- C 33
- M 0
- Y 6
- K 25
CMYK color chart

● #80beb2 color description : Slightly desaturated cyan.

The hexadecimal color #80beb2 has RGB values of R:128, G:190, B:178 and CMYK values of C:0.33, M:0, Y:0.06, K:0.25. Its decimal value is 8437426.

Hex triplet	80beb2	`#80beb2`
RGB Decimal	128, 190, 178	`rgb(128,190,178)`
RGB Percent	50.2, 74.5, 69.8	`rgb(50.2%,74.5%,69.8%)`
CMYK	33, 0, 6, 25
HSL	168.4°, 32.3, 62.4	`hsl(168.4,32.3%,62.4%)`
HSV (or HSB)	168.4°, 32.6, 74.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.647, -22.528, -0.288
XYZ	35.349, 44.629, 48.869
xyY	0.274, 0.346, 44.629
CIE-LCH	72.647, 22.53, 180.733
CIE-LUV	72.647, -29.996, 3.243
Hunter-Lab	66.805, -22.457, 3.392
Binary	10000000, 10111110, 10110010

#80beb2
```
#80beb2 rgb(128,190,178)
```
#be808c
```
#be808c rgb(190,128,140)
```

Complementary Color

#80be93
```
#80be93 rgb(128,190,147)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#80abbe
```
#80abbe rgb(128,171,190)
```

Analogous Color

#be9380
```
#be9380 rgb(190,147,128)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#be80ab
```
#be80ab rgb(190,128,171)
```

Split Complementary Color

#beb280
```
#beb280 rgb(190,178,128)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#b280be
```
#b280be rgb(178,128,190)
```

Triadic Color

#8cbe80
```
#8cbe80 rgb(140,190,128)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#b280be
```
#b280be rgb(178,128,190)
```
#be808c
```
#be808c rgb(190,128,140)
```

Tetradic Color

#52a091
```
#52a091 rgb(82,160,145)
```
#5ead9e
```
#5ead9e rgb(94,173,158)
```
#6fb5a8
```
#6fb5a8 rgb(111,181,168)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#91c7bc
```
#91c7bc rgb(145,199,188)
```
#a2cfc6
```
#a2cfc6 rgb(162,207,198)
```
#b3d8d1
```
#b3d8d1 rgb(179,216,209)
```

Monochromatic Color

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

#80bea3
```
#80bea3 rgb(128,190,163)
```
#80bea8
```
#80bea8 rgb(128,190,168)
```
#80bead
```
#80bead rgb(128,190,173)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#80beb7
```
#80beb7 rgb(128,190,183)
```
#80bebc
```
#80bebc rgb(128,190,188)
```
#80bbbe
```
#80bbbe rgb(128,187,190)
```

Similar Colors

Text with hexadecimal color #80beb2

This text has a font color of #80beb2.

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

#80beb2 background color

This paragraph has a background color of #80beb2.

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

#80beb2 border color

This element has a border color of #80beb2.

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

CSS codes

.text {color:#80beb2;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0f1d1a
```
#0f1d1a rgb(15,29,26)
```
#152a26
```
#152a26 rgb(21,42,38)
```
#1c3731
```
#1c3731 rgb(28,55,49)
```
#23443d
```
#23443d rgb(35,68,61)
```
#295149
```
#295149 rgb(41,81,73)
```
#305e55
```
#305e55 rgb(48,94,85)
```
#376b60
```
#376b60 rgb(55,107,96)
```
#3d786c
```
#3d786c rgb(61,120,108)
```
#448478
```
#448478 rgb(68,132,120)
```
#4a9184
```
#4a9184 rgb(74,145,132)
```
#519e8f
```
#519e8f rgb(81,158,143)
```

Shade Color Variation

#59aa9a
```
#59aa9a rgb(89,170,154)
```
#66b1a2
```
#66b1a2 rgb(102,177,162)
```
#73b7aa
```
#73b7aa rgb(115,183,170)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#8dc5ba
```
#8dc5ba rgb(141,197,186)
```
#9acbc2
```
#9acbc2 rgb(154,203,194)
```
#a7d2ca
```
#a7d2ca rgb(167,210,202)
```
#b4d9d1
```
#b4d9d1 rgb(180,217,209)
```
#c1dfd9
```
#c1dfd9 rgb(193,223,217)
```
#cee6e1
```
#cee6e1 rgb(206,230,225)
```
#dbece9
```
#dbece9 rgb(219,236,233)
```
#e8f3f1
```
#e8f3f1 rgb(232,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

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

#9ea0a0
```
#9ea0a0 rgb(158,160,160)
```
#96a8a4
```
#96a8a4 rgb(150,168,164)
```
#8fafa9
```
#8fafa9 rgb(143,175,169)
```
#87b7ad
```
#87b7ad rgb(135,183,173)
```
#80beb2
```
#80beb2 rgb(128,190,178)
```
#79c5b7
```
#79c5b7 rgb(121,197,183)
```
#71cdbb
```
#71cdbb rgb(113,205,187)
```
#6ad4c0
```
#6ad4c0 rgb(106,212,192)
```
#62dcc4
```
#62dcc4 rgb(98,220,196)
```
#5be3c9
```
#5be3c9 rgb(91,227,201)
```
#54eacd
```
#54eacd rgb(84,234,205)
```
#4cf2d2
```
#4cf2d2 rgb(76,242,210)
```
#45f9d6
```
#45f9d6 rgb(69,249,214)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a2aeac Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab5af Protanopia 1% of men
#c4b1bb Deuteranopia 1% of men
#8cbecb Tritanopia 0.001% of the population

Trichromacy

#a5b8b0 Protanomaly 1% of men, 0.01% of women
#abb5b8 Deuteranomaly 6% of men, 0.4% of women
#88bec2 Tritanomaly 0.01% of the population

#80beb2 hex color

#80beb2 Color Information

#80beb2 Color Conversion

Color Schemes with #80beb2

Alternatives to #80beb2

#80beb2 Preview

Shades and Tints of #80beb2

Tones of #80beb2

Color Blindness Simulator