#80fab4 hex color

In a RGB color space, hex #80fab4 is composed of 50.2% red, 98% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 0% magenta, 28% yellow and 2% black. It has a hue angle of 145.6 degrees, a saturation of 92.4% and a lightness of 74.1%. #80fab4 color hex could be obtained by blending #ffffff with #01f569. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 50
- G 98
- B 71
RGB color chart
- C 49
- M 0
- Y 28
- K 2
CMYK color chart

● #80fab4 color description : Soft cyan - lime green.

The hexadecimal color #80fab4 has RGB values of R:128, G:250, B:180 and CMYK values of C:0.49, M:0, Y:0.28, K:0.02. Its decimal value is 8452788.

Hex triplet	80fab4	`#80fab4`
RGB Decimal	128, 250, 180	`rgb(128,250,180)`
RGB Percent	50.2, 98, 70.6	`rgb(50.2%,98%,70.6%)`
CMYK	49, 0, 28, 2
HSL	145.6°, 92.4, 74.1	`hsl(145.6,92.4%,74.1%)`
HSV (or HSB)	145.6°, 48.8, 98
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.976, -49.639, 23.252
XYZ	51.323, 76.252, 55.191
xyY	0.281, 0.417, 76.252
CIE-LCH	89.976, 54.815, 154.9
CIE-LUV	89.976, -54.936, 42.135
Hunter-Lab	87.323, -47.903, 23.652
Binary	10000000, 11111010, 10110100

#80fab4
```
#80fab4 rgb(128,250,180)
```
#fa80c6
```
#fa80c6 rgb(250,128,198)
```

Complementary Color

#89fa80
```
#89fa80 rgb(137,250,128)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```
#80faf1
```
#80faf1 rgb(128,250,241)
```

Analogous Color

#fa8089
```
#fa8089 rgb(250,128,137)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```
#f180fa
```
#f180fa rgb(241,128,250)
```

Split Complementary Color

#fab480
```
#fab480 rgb(250,180,128)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```
#b480fa
```
#b480fa rgb(180,128,250)
```

Triadic Color

#c6fa80
```
#c6fa80 rgb(198,250,128)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```
#b480fa
```
#b480fa rgb(180,128,250)
```
#fa80c6
```
#fa80c6 rgb(250,128,198)
```

Tetradic Color

#36f789
```
#36f789 rgb(54,247,137)
```
#4ff897
```
#4ff897 rgb(79,248,151)
```
#67f9a6
```
#67f9a6 rgb(103,249,166)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```
#99fbc2
```
#99fbc2 rgb(153,251,194)
```
#b1fcd1
```
#b1fcd1 rgb(177,252,209)
```
#cafddf
```
#cafddf rgb(202,253,223)
```

Monochromatic Color

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

#80fa96
```
#80fa96 rgb(128,250,150)
```
#80faa0
```
#80faa0 rgb(128,250,160)
```
#80faaa
```
#80faaa rgb(128,250,170)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```
#80fabe
```
#80fabe rgb(128,250,190)
```
#80fac8
```
#80fac8 rgb(128,250,200)
```
#80fad3
```
#80fad3 rgb(128,250,211)
```

Similar Colors

Text with hexadecimal color #80fab4

This text has a font color of #80fab4.

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

#80fab4 background color

This paragraph has a background color of #80fab4.

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

#80fab4 border color

This element has a border color of #80fab4.

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

CSS codes

.text {color:#80fab4;}

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

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

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

#000502
```
#000502 rgb(0,5,2)
```
#01180b
```
#01180b rgb(1,24,11)
```
#022b13
```
#022b13 rgb(2,43,19)
```
#023e1c
```
#023e1c rgb(2,62,28)
```
#035124
```
#035124 rgb(3,81,36)
```
#04632d
```
#04632d rgb(4,99,45)
```
#057635
```
#057635 rgb(5,118,53)
```
#05893e
```
#05893e rgb(5,137,62)
```
#069c46
```
#069c46 rgb(6,156,70)
```
#07af4f
```
#07af4f rgb(7,175,79)
```
#08c257
```
#08c257 rgb(8,194,87)
```
#08d55f
```
#08d55f rgb(8,213,95)
```
#09e868
```
#09e868 rgb(9,232,104)
```

Shade Color Variation

#0ff671
```
#0ff671 rgb(15,246,113)
```
#22f67c
```
#22f67c rgb(34,246,124)
```
#35f787
```
#35f787 rgb(53,247,135)
```
#47f893
```
#47f893 rgb(71,248,147)
```
#5af99e
```
#5af99e rgb(90,249,158)
```
#6df9a9
```
#6df9a9 rgb(109,249,169)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```
#93fbbf
```
#93fbbf rgb(147,251,191)
```
#a6fbca
```
#a6fbca rgb(166,251,202)
```
#b9fcd5
```
#b9fcd5 rgb(185,252,213)
```
#cbfde1
```
#cbfde1 rgb(203,253,225)
```
#defeec
```
#defeec rgb(222,254,236)
```
#f1fef7
```
#f1fef7 rgb(241,254,247)
```

Tint Color Variation

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

#bdbdbd
```
#bdbdbd rgb(189,189,189)
```
#b8c2bc
```
#b8c2bc rgb(184,194,188)
```
#b3c7bb
```
#b3c7bb rgb(179,199,187)
```
#aeccbb
```
#aeccbb rgb(174,204,187)
```
#a9d1ba
```
#a9d1ba rgb(169,209,186)
```
#a4d6b9
```
#a4d6b9 rgb(164,214,185)
```
#9edcb8
```
#9edcb8 rgb(158,220,184)
```
#99e1b8
```
#99e1b8 rgb(153,225,184)
```
#94e6b7
```
#94e6b7 rgb(148,230,183)
```
#8febb6
```
#8febb6 rgb(143,235,182)
```
#8af0b5
```
#8af0b5 rgb(138,240,181)
```
#85f5b5
```
#85f5b5 rgb(133,245,181)
```
#80fab4
```
#80fab4 rgb(128,250,180)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#bed7c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e3ae Protanopia 1% of men
#ffddc9 Deuteranopia 1% of men
#a7efff Tritanopia 0.001% of the population

Trichromacy

#c9ebb0 Protanomaly 1% of men, 0.01% of women
#d0e7c1 Deuteranomaly 6% of men, 0.4% of women
#98f3e3 Tritanomaly 0.01% of the population

#80fab4 hex color

#80fab4 Color Information

#80fab4 Color Conversion

Color Schemes with #80fab4

Alternatives to #80fab4

#80fab4 Preview

Shades and Tints of #80fab4

Tones of #80fab4

Color Blindness Simulator