colorhexa.com

#80d686 hex color

In a RGB color space, hex #80d686 is composed of 50.2% red, 83.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 0% magenta, 37.4% yellow and 16.1% black. It has a hue angle of 124.2 degrees, a saturation of 51.2% and a lightness of 67.1%. #80d686 color hex could be obtained by blending #ffffff with #01ad0d. Closest websafe color is: #99cc99.

- R 50
- G 84
- B 53
RGB color chart
- C 40
- M 0
- Y 37
- K 16
CMYK color chart

● #80d686 color description : Slightly desaturated lime green.

The hexadecimal color #80d686 has RGB values of R:128, G:214, B:134 and CMYK values of C:0.4, M:0, Y:0.37, K:0.16. Its decimal value is 8443526.

Hex triplet	80d686	`#80d686`
RGB Decimal	128, 214, 134	`rgb(128,214,134)`
RGB Percent	50.2, 83.9, 52.5	`rgb(50.2%,83.9%,52.5%)`
CMYK	40, 0, 37, 16
HSL	124.2°, 51.2, 67.1	`hsl(124.2,51.2%,67.1%)`
HSV (or HSB)	124.2°, 40.2, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.695, -42.267, 31.567
XYZ	37.25, 54.402, 31.091
xyY	0.303, 0.443, 54.402
CIE-LCH	78.695, 52.754, 143.245
CIE-LUV	78.695, -41.357, 50.055
Hunter-Lab	73.757, -38.927, 26.638
Binary	10000000, 11010110, 10000110

#80d686
```
#80d686 rgb(128,214,134)
```
#d680d0
```
#d680d0 rgb(214,128,208)
```

Complementary Color

#a5d680
```
#a5d680 rgb(165,214,128)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#80d6b1
```
#80d6b1 rgb(128,214,177)
```

Analogous Color

#d680a5
```
#d680a5 rgb(214,128,165)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#b180d6
```
#b180d6 rgb(177,128,214)
```

Split Complementary Color

#d68680
```
#d68680 rgb(214,134,128)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#8680d6
```
#8680d6 rgb(134,128,214)
```

Triadic Color

#d0d680
```
#d0d680 rgb(208,214,128)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#8680d6
```
#8680d6 rgb(134,128,214)
```
#d680d0
```
#d680d0 rgb(214,128,208)
```

Tetradic Color

#46c34f
```
#46c34f rgb(70,195,79)
```
#59ca61
```
#59ca61 rgb(89,202,97)
```
#6dd074
```
#6dd074 rgb(109,208,116)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#93dc98
```
#93dc98 rgb(147,220,152)
```
#a7e2ab
```
#a7e2ab rgb(167,226,171)
```
#bae9bd
```
#bae9bd rgb(186,233,189)
```

Monochromatic Color

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

#90d680
```
#90d680 rgb(144,214,128)
```
#88d680
```
#88d680 rgb(136,214,128)
```
#81d680
```
#81d680 rgb(129,214,128)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#80d68d
```
#80d68d rgb(128,214,141)
```
#80d694
```
#80d694 rgb(128,214,148)
```
#80d69c
```
#80d69c rgb(128,214,156)
```

Similar Colors

Text with hexadecimal color #80d686

This text has a font color of #80d686.

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

#80d686 background color

This paragraph has a background color of #80d686.

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

#80d686 border color

This element has a border color of #80d686.

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

CSS codes

.text {color:#80d686;}

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

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

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

#020602
```
#020602 rgb(2,6,2)
```
#071508
```
#071508 rgb(7,21,8)
```
#0c240d
```
#0c240d rgb(12,36,13)
```
#103313
```
#103313 rgb(16,51,19)
```
#154218
```
#154218 rgb(21,66,24)
```
#1a511e
```
#1a511e rgb(26,81,30)
```
#1f5f23
```
#1f5f23 rgb(31,95,35)
```
#246e29
```
#246e29 rgb(36,110,41)
```
#287d2e
```
#287d2e rgb(40,125,46)
```
#2d8c34
```
#2d8c34 rgb(45,140,52)
```
#329b39
```
#329b39 rgb(50,155,57)
```
#37aa3f
```
#37aa3f rgb(55,170,63)
```
#3cb844
```
#3cb844 rgb(60,184,68)
```

Shade Color Variation

#45c34d
```
#45c34d rgb(69,195,77)
```
#54c85c
```
#54c85c rgb(84,200,92)
```
#62cc6a
```
#62cc6a rgb(98,204,106)
```
#71d178
```
#71d178 rgb(113,209,120)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#8fdb94
```
#8fdb94 rgb(143,219,148)
```
#9ee0a2
```
#9ee0a2 rgb(158,224,162)
```
#ace4b0
```
#ace4b0 rgb(172,228,176)
```
#bbe9bf
```
#bbe9bf rgb(187,233,191)
```
#caeecd
```
#caeecd rgb(202,238,205)
```
#d9f3db
```
#d9f3db rgb(217,243,219)
```
#e8f8e9
```
#e8f8e9 rgb(232,248,233)
```
#f7fcf7
```
#f7fcf7 rgb(247,252,247)
```

Tint Color Variation

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

#a7afa7
```
#a7afa7 rgb(167,175,167)
```
#a0b6a2
```
#a0b6a2 rgb(160,182,162)
```
#9abc9c
```
#9abc9c rgb(154,188,156)
```
#93c397
```
#93c397 rgb(147,195,151)
```
#8dc991
```
#8dc991 rgb(141,201,145)
```
#86d08c
```
#86d08c rgb(134,208,140)
```
#80d686
```
#80d686 rgb(128,214,134)
```
#7adc80
```
#7adc80 rgb(122,220,128)
```
#73e37b
```
#73e37b rgb(115,227,123)
```
#6de975
```
#6de975 rgb(109,233,117)
```
#66f070
```
#66f070 rgb(102,240,112)
```
#60f66a
```
#60f66a rgb(96,246,106)
```
#59fd65
```
#59fd65 rgb(89,253,101)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a9baaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c585 Protanopia 1% of men
#e8be94 Deuteranopia 1% of men
#9acedd Tritanopia 0.001% of the population

Trichromacy

#b6cb85 Protanomaly 1% of men, 0.01% of women
#c2c68f Deuteranomaly 6% of men, 0.4% of women
#90d0bd Tritanomaly 0.01% of the population