#afd84e hex color

In a RGB color space, hex #afd84e is composed of 68.6% red, 84.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 63.9% yellow and 15.3% black. It has a hue angle of 77.8 degrees, a saturation of 63.9% and a lightness of 57.6%. #afd84e color hex could be obtained by blending #ffff9c with #5fb100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 85
- B 31
RGB color chart
- C 19
- M 0
- Y 64
- K 15
CMYK color chart

● #afd84e color description : Moderate green.

The hexadecimal color #afd84e has RGB values of R:175, G:216, B:78 and CMYK values of C:0.19, M:0, Y:0.64, K:0.15. Its decimal value is 11524174.

Hex triplet	afd84e	`#afd84e`
RGB Decimal	175, 216, 78	`rgb(175,216,78)`
RGB Percent	68.6, 84.7, 30.6	`rgb(68.6%,84.7%,30.6%)`
CMYK	19, 0, 64, 15
HSL	77.8°, 63.9, 57.6	`hsl(77.8,63.9%,57.6%)`
HSV (or HSB)	77.8°, 63.9, 84.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	81.168, -33.185, 61.434
XYZ	43.61, 58.775, 16.255
xyY	0.368, 0.495, 58.775
CIE-LCH	81.168, 69.824, 118.377
CIE-LUV	81.168, -19.78, 78.886
Hunter-Lab	76.665, -32.627, 41.095
Binary	10101111, 11011000, 01001110

#afd84e
```
#afd84e rgb(175,216,78)
```
#774ed8
```
#774ed8 rgb(119,78,216)
```

Complementary Color

#d8bc4e
```
#d8bc4e rgb(216,188,78)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#6ad84e
```
#6ad84e rgb(106,216,78)
```

Analogous Color

#bc4ed8
```
#bc4ed8 rgb(188,78,216)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#4e6ad8
```
#4e6ad8 rgb(78,106,216)
```

Split Complementary Color

#d84eaf
```
#d84eaf rgb(216,78,175)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#4eafd8
```
#4eafd8 rgb(78,175,216)
```

Triadic Color

#d8774e
```
#d8774e rgb(216,119,78)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#4eafd8
```
#4eafd8 rgb(78,175,216)
```
#774ed8
```
#774ed8 rgb(119,78,216)
```

Tetradic Color

#89b227
```
#89b227 rgb(137,178,39)
```
#99c72c
```
#99c72c rgb(153,199,44)
```
#a6d339
```
#a6d339 rgb(166,211,57)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#b8dd63
```
#b8dd63 rgb(184,221,99)
```
#c2e178
```
#c2e178 rgb(194,225,120)
```
#cbe68d
```
#cbe68d rgb(203,230,141)
```

Monochromatic Color

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

#d2d84e
```
#d2d84e rgb(210,216,78)
```
#c6d84e
```
#c6d84e rgb(198,216,78)
```
#bbd84e
```
#bbd84e rgb(187,216,78)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#a4d84e
```
#a4d84e rgb(164,216,78)
```
#98d84e
```
#98d84e rgb(152,216,78)
```
#8dd84e
```
#8dd84e rgb(141,216,78)
```

Similar Colors

Text with hexadecimal color #afd84e

This text has a font color of #afd84e.

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

#afd84e background color

This paragraph has a background color of #afd84e.

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

#afd84e border color

This element has a border color of #afd84e.

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

CSS codes

.text {color:#afd84e;}

.background {background-color:#afd84e;}

.border {border:1px solid #afd84e;}

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, #0c1003 is the darkest color, while #ffffff is the lightest one.

#0c1003
```
#0c1003 rgb(12,16,3)
```
#192007
```
#192007 rgb(25,32,7)
```
#25300b
```
#25300b rgb(37,48,11)
```
#31400e
```
#31400e rgb(49,64,14)
```
#3e5012
```
#3e5012 rgb(62,80,18)
```
#4a6015
```
#4a6015 rgb(74,96,21)
```
#567019
```
#567019 rgb(86,112,25)
```
#63801c
```
#63801c rgb(99,128,28)
```
#6f9020
```
#6f9020 rgb(111,144,32)
```
#7ba123
```
#7ba123 rgb(123,161,35)
```
#88b127
```
#88b127 rgb(136,177,39)
```
#94c12a
```
#94c12a rgb(148,193,42)
```
#a0d12e
```
#a0d12e rgb(160,209,46)
```

Shade Color Variation

#a8d43e
```
#a8d43e rgb(168,212,62)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#b6dc5e
```
#b6dc5e rgb(182,220,94)
```
#bedf6e
```
#bedf6e rgb(190,223,110)
```
#c5e37e
```
#c5e37e rgb(197,227,126)
```
#cce68e
```
#cce68e rgb(204,230,142)
```
#d3ea9e
```
#d3ea9e rgb(211,234,158)
```
#dbedae
```
#dbedae rgb(219,237,174)
```
#e2f1bf
```
#e2f1bf rgb(226,241,191)
```
#e9f4cf
```
#e9f4cf rgb(233,244,207)
```
#f0f8df
```
#f0f8df rgb(240,248,223)
```
#f8fbef
```
#f8fbef rgb(248,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#949690
```
#949690 rgb(148,150,144)
```
#979e88
```
#979e88 rgb(151,158,136)
```
#9ba680
```
#9ba680 rgb(155,166,128)
```
#9eae78
```
#9eae78 rgb(158,174,120)
```
#a2b76f
```
#a2b76f rgb(162,183,111)
```
#a5bf67
```
#a5bf67 rgb(165,191,103)
```
#a8c75f
```
#a8c75f rgb(168,199,95)
```
#acd056
```
#acd056 rgb(172,208,86)
```
#afd84e
```
#afd84e rgb(175,216,78)
```
#b2e046
```
#b2e046 rgb(178,224,70)
```
#b6e93d
```
#b6e93d rgb(182,233,61)
```
#b9f135
```
#b9f135 rgb(185,241,53)
```
#bcf92d
```
#bcf92d rgb(188,249,45)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9c2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cc53 Protanopia 1% of men
#fac360 Deuteranopia 1% of men
#c4ccdb Tritanopia 0.001% of the population

Trichromacy

#d0d051 Protanomaly 1% of men, 0.01% of women
#dfca59 Deuteranomaly 6% of men, 0.4% of women
#bcd0a8 Tritanomaly 0.01% of the population

#afd84e hex color

#afd84e Color Information

#afd84e Color Conversion

Color Schemes with #afd84e

Alternatives to #afd84e

#afd84e Preview

Shades and Tints of #afd84e

Tones of #afd84e

Color Blindness Simulator