#80ecb4 hex color

In a RGB color space, hex #80ecb4 is composed of 50.2% red, 92.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 23.7% yellow and 7.5% black. It has a hue angle of 148.9 degrees, a saturation of 74% and a lightness of 71.4%. #80ecb4 color hex could be obtained by blending #ffffff with #01d969. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 50
- G 93
- B 71
RGB color chart
- C 46
- M 0
- Y 24
- K 7
CMYK color chart

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

The hexadecimal color #80ecb4 has RGB values of R:128, G:236, B:180 and CMYK values of C:0.46, M:0, Y:0.24, K:0.07. Its decimal value is 8449204.

Hex triplet	80ecb4	`#80ecb4`
RGB Decimal	128, 236, 180	`rgb(128,236,180)`
RGB Percent	50.2, 92.5, 70.6	`rgb(50.2%,92.5%,70.6%)`
CMYK	46, 0, 24, 7
HSL	148.9°, 74, 71.4	`hsl(148.9,74%,71.4%)`
HSV (or HSB)	148.9°, 45.8, 92.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	85.943, -43.648, 17.654
XYZ	47.133, 67.872, 53.795
xyY	0.279, 0.402, 67.872
CIE-LCH	85.943, 47.083, 157.978
CIE-LUV	85.943, -49.313, 33.145
Hunter-Lab	82.385, -42.052, 18.955
Binary	10000000, 11101100, 10110100

#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#ec80b8
```
#ec80b8 rgb(236,128,184)
```

Complementary Color

#82ec80
```
#82ec80 rgb(130,236,128)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#80ecea
```
#80ecea rgb(128,236,234)
```

Analogous Color

#ec8082
```
#ec8082 rgb(236,128,130)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#ea80ec
```
#ea80ec rgb(234,128,236)
```

Split Complementary Color

#ecb480
```
#ecb480 rgb(236,180,128)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#b480ec
```
#b480ec rgb(180,128,236)
```

Triadic Color

#b8ec80
```
#b8ec80 rgb(184,236,128)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#b480ec
```
#b480ec rgb(180,128,236)
```
#ec80b8
```
#ec80b8 rgb(236,128,184)
```

Tetradic Color

#3de28d
```
#3de28d rgb(61,226,141)
```
#54e59a
```
#54e59a rgb(84,229,154)
```
#6ae9a7
```
#6ae9a7 rgb(106,233,167)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#96efc1
```
#96efc1 rgb(150,239,193)
```
#acf3ce
```
#acf3ce rgb(172,243,206)
```
#c3f6db
```
#c3f6db rgb(195,246,219)
```

Monochromatic Color

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

#80ec99
```
#80ec99 rgb(128,236,153)
```
#80eca2
```
#80eca2 rgb(128,236,162)
```
#80ecab
```
#80ecab rgb(128,236,171)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#80ecbd
```
#80ecbd rgb(128,236,189)
```
#80ecc6
```
#80ecc6 rgb(128,236,198)
```
#80eccf
```
#80eccf rgb(128,236,207)
```

Similar Colors

Text with hexadecimal color #80ecb4

This text has a font color of #80ecb4.

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

#80ecb4 background color

This paragraph has a background color of #80ecb4.

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

#80ecb4 border color

This element has a border color of #80ecb4.

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

CSS codes

.text {color:#80ecb4;}

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

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

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, #010a05 is the darkest color, while #f7fefb is the lightest one.

#010a05
```
#010a05 rgb(1,10,5)
```
#041b0f
```
#041b0f rgb(4,27,15)
```
#072c18
```
#072c18 rgb(7,44,24)
```
#093d22
```
#093d22 rgb(9,61,34)
```
#0c4e2b
```
#0c4e2b rgb(12,78,43)
```
#0e5f35
```
#0e5f35 rgb(14,95,53)
```
#11703f
```
#11703f rgb(17,112,63)
```
#138148
```
#138148 rgb(19,129,72)
```
#169252
```
#169252 rgb(22,146,82)
```
#18a35b
```
#18a35b rgb(24,163,91)
```
#1bb465
```
#1bb465 rgb(27,180,101)
```
#1ec56e
```
#1ec56e rgb(30,197,110)
```
#20d678
```
#20d678 rgb(32,214,120)
```

Shade Color Variation

#2bdf82
```
#2bdf82 rgb(43,223,130)
```
#3ce28c
```
#3ce28c rgb(60,226,140)
```
#4de496
```
#4de496 rgb(77,228,150)
```
#5ee7a0
```
#5ee7a0 rgb(94,231,160)
```
#6fe9aa
```
#6fe9aa rgb(111,233,170)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#91efbe
```
#91efbe rgb(145,239,190)
```
#a2f1c8
```
#a2f1c8 rgb(162,241,200)
```
#b3f4d2
```
#b3f4d2 rgb(179,244,210)
```
#c4f6dc
```
#c4f6dc rgb(196,246,220)
```
#d5f9e6
```
#d5f9e6 rgb(213,249,230)
```
#e6fbf0
```
#e6fbf0 rgb(230,251,240)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

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

#b3b9b6
```
#b3b9b6 rgb(179,185,182)
```
#adbfb6
```
#adbfb6 rgb(173,191,182)
```
#a7c5b5
```
#a7c5b5 rgb(167,197,181)
```
#a2cab5
```
#a2cab5 rgb(162,202,181)
```
#9cd0b5
```
#9cd0b5 rgb(156,208,181)
```
#96d6b5
```
#96d6b5 rgb(150,214,181)
```
#91dbb5
```
#91dbb5 rgb(145,219,181)
```
#8be1b4
```
#8be1b4 rgb(139,225,180)
```
#86e6b4
```
#86e6b4 rgb(134,230,180)
```
#80ecb4
```
#80ecb4 rgb(128,236,180)
```
#7af2b4
```
#7af2b4 rgb(122,242,180)
```
#75f7b4
```
#75f7b4 rgb(117,247,180)
```
#6ffdb3
```
#6ffdb3 rgb(111,253,179)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b7cdc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d8ae Protanopia 1% of men
#f5d1c1 Deuteranopia 1% of men
#99e4f5 Tritanopia 0.001% of the population

Trichromacy

#c1dfb0 Protanomaly 1% of men, 0.01% of women
#cbdbbc Deuteranomaly 6% of men, 0.4% of women
#90e7dd Tritanomaly 0.01% of the population

#80ecb4 hex color

#80ecb4 Color Information

#80ecb4 Color Conversion

Color Schemes with #80ecb4

Alternatives to #80ecb4

#80ecb4 Preview

Shades and Tints of #80ecb4

Tones of #80ecb4

Color Blindness Simulator