#80d774 hex color

In a RGB color space, hex #80d774 is composed of 50.2% red, 84.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 0% magenta, 46% yellow and 15.7% black. It has a hue angle of 112.7 degrees, a saturation of 55.3% and a lightness of 64.9%. #80d774 color hex could be obtained by blending #ffffe8 with #01af00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 50
- G 84
- B 45
RGB color chart
- C 40
- M 0
- Y 46
- K 16
CMYK color chart

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

The hexadecimal color #80d774 has RGB values of R:128, G:215, B:116 and CMYK values of C:0.4, M:0, Y:0.46, K:0.16. Its decimal value is 8443764.

Hex triplet	80d774	`#80d774`
RGB Decimal	128, 215, 116	`rgb(128,215,116)`
RGB Percent	50.2, 84.3, 45.5	`rgb(50.2%,84.3%,45.5%)`
CMYK	40, 0, 46, 16
HSL	112.7°, 55.3, 64.9	`hsl(112.7,55.3%,64.9%)`
HSV (or HSB)	112.7°, 46, 84.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	78.723, -45.345, 40.658
XYZ	36.353, 54.449, 25.116
xyY	0.314, 0.47, 54.449
CIE-LCH	78.723, 60.903, 138.12
CIE-LUV	78.723, -42.183, 60.868
Hunter-Lab	73.79, -41.192, 31.472
Binary	10000000, 11010111, 01110100

#80d774
```
#80d774 rgb(128,215,116)
```
#cb74d7
```
#cb74d7 rgb(203,116,215)
```

Complementary Color

#b2d774
```
#b2d774 rgb(178,215,116)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#74d79a
```
#74d79a rgb(116,215,154)
```

Analogous Color

#d774b2
```
#d774b2 rgb(215,116,178)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#9a74d7
```
#9a74d7 rgb(154,116,215)
```

Split Complementary Color

#d77480
```
#d77480 rgb(215,116,128)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#7480d7
```
#7480d7 rgb(116,128,215)
```

Triadic Color

#d7cb74
```
#d7cb74 rgb(215,203,116)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#7480d7
```
#7480d7 rgb(116,128,215)
```
#cb74d7
```
#cb74d7 rgb(203,116,215)
```

Tetradic Color

#4ac639
```
#4ac639 rgb(74,198,57)
```
#5ccc4c
```
#5ccc4c rgb(92,204,76)
```
#6ed160
```
#6ed160 rgb(110,209,96)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#92dd88
```
#92dd88 rgb(146,221,136)
```
#a4e29c
```
#a4e29c rgb(164,226,156)
```
#b6e8af
```
#b6e8af rgb(182,232,175)
```

Monochromatic Color

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

#99d774
```
#99d774 rgb(153,215,116)
```
#91d774
```
#91d774 rgb(145,215,116)
```
#88d774
```
#88d774 rgb(136,215,116)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#78d774
```
#78d774 rgb(120,215,116)
```
#74d779
```
#74d779 rgb(116,215,121)
```
#74d781
```
#74d781 rgb(116,215,129)
```

Similar Colors

Text with hexadecimal color #80d774

This text has a font color of #80d774.

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

#80d774 background color

This paragraph has a background color of #80d774.

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

#80d774 border color

This element has a border color of #80d774.

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

CSS codes

.text {color:#80d774;}

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

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

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, #050d04 is the darkest color, while #fdfefd is the lightest one.

#050d04
```
#050d04 rgb(5,13,4)
```
#0b1d08
```
#0b1d08 rgb(11,29,8)
```
#102c0d
```
#102c0d rgb(16,44,13)
```
#163b11
```
#163b11 rgb(22,59,17)
```
#1c4a15
```
#1c4a15 rgb(28,74,21)
```
#21591a
```
#21591a rgb(33,89,26)
```
#27691e
```
#27691e rgb(39,105,30)
```
#2d7823
```
#2d7823 rgb(45,120,35)
```
#338727
```
#338727 rgb(51,135,39)
```
#38962b
```
#38962b rgb(56,150,43)
```
#3ea630
```
#3ea630 rgb(62,166,48)
```
#44b534
```
#44b534 rgb(68,181,52)
```
#49c438
```
#49c438 rgb(73,196,56)
```

Shade Color Variation

#56ca46
```
#56ca46 rgb(86,202,70)
```
#64ce56
```
#64ce56 rgb(100,206,86)
```
#72d365
```
#72d365 rgb(114,211,101)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#8edb83
```
#8edb83 rgb(142,219,131)
```
#9ce092
```
#9ce092 rgb(156,224,146)
```
#aae4a2
```
#aae4a2 rgb(170,228,162)
```
#b8e9b1
```
#b8e9b1 rgb(184,233,177)
```
#c6edc0
```
#c6edc0 rgb(198,237,192)
```
#d4f1cf
```
#d4f1cf rgb(212,241,207)
```
#e1f6df
```
#e1f6df rgb(225,246,223)
```
#effaee
```
#effaee rgb(239,250,238)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#a5a7a4
```
#a5a7a4 rgb(165,167,164)
```
#9fae9d
```
#9fae9d rgb(159,174,157)
```
#9ab596
```
#9ab596 rgb(154,181,150)
```
#95bb90
```
#95bb90 rgb(149,187,144)
```
#90c289
```
#90c289 rgb(144,194,137)
```
#8ac982
```
#8ac982 rgb(138,201,130)
```
#85d07b
```
#85d07b rgb(133,208,123)
```
#80d774
```
#80d774 rgb(128,215,116)
```
#7bde6d
```
#7bde6d rgb(123,222,109)
```
#76e566
```
#76e566 rgb(118,229,102)
```
#70ec5f
```
#70ec5f rgb(112,236,95)
```
#6bf358
```
#6bf358 rgb(107,243,88)
```
#66f952
```
#66f952 rgb(102,249,82)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a8b9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c674 Protanopia 1% of men
#ecbd84 Deuteranopia 1% of men
#9ccddc Tritanopia 0.001% of the population

Trichromacy

#b8cc74 Protanomaly 1% of men, 0.01% of women
#c4c67e Deuteranomaly 6% of men, 0.4% of women
#92d1b6 Tritanomaly 0.01% of the population

#80d774 hex color

#80d774 Color Information

#80d774 Color Conversion

Color Schemes with #80d774

Alternatives to #80d774

#80d774 Preview

Shades and Tints of #80d774

Tones of #80d774

Color Blindness Simulator