#afd856 hex color

In a RGB color space, hex #afd856 is composed of 68.6% red, 84.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 60.2% yellow and 15.3% black. It has a hue angle of 78.9 degrees, a saturation of 62.5% and a lightness of 59.2%. #afd856 color hex could be obtained by blending #ffffac with #5fb100. Closest websafe color is: #99cc66.

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

● #afd856 color description : Moderate green.

The hexadecimal color #afd856 has RGB values of R:175, G:216, B:86 and CMYK values of C:0.19, M:0, Y:0.6, K:0.15. Its decimal value is 11524182.

Hex triplet	afd856	`#afd856`
RGB Decimal	175, 216, 86	`rgb(175,216,86)`
RGB Percent	68.6, 84.7, 33.7	`rgb(68.6%,84.7%,33.7%)`
CMYK	19, 0, 60, 15
HSL	78.9°, 62.5, 59.2	`hsl(78.9,62.5%,59.2%)`
HSV (or HSB)	78.9°, 60.2, 84.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	81.235, -32.579, 58.169
XYZ	43.914, 58.897, 17.858
xyY	0.364, 0.488, 58.897
CIE-LCH	81.235, 66.671, 119.252
CIE-LUV	81.235, -19.823, 76.072
Hunter-Lab	76.744, -32.163, 39.924
Binary	10101111, 11011000, 01010110

#afd856
```
#afd856 rgb(175,216,86)
```
#7f56d8
```
#7f56d8 rgb(127,86,216)
```

Complementary Color

#d8c056
```
#d8c056 rgb(216,192,86)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#6ed856
```
#6ed856 rgb(110,216,86)
```

Analogous Color

#c056d8
```
#c056d8 rgb(192,86,216)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#566ed8
```
#566ed8 rgb(86,110,216)
```

Split Complementary Color

#d856af
```
#d856af rgb(216,86,175)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#56afd8
```
#56afd8 rgb(86,175,216)
```

Triadic Color

#d87f56
```
#d87f56 rgb(216,127,86)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#56afd8
```
#56afd8 rgb(86,175,216)
```
#7f56d8
```
#7f56d8 rgb(127,86,216)
```

Tetradic Color

#8bb72a
```
#8bb72a rgb(139,183,42)
```
#9acc2f
```
#9acc2f rgb(154,204,47)
```
#a5d341
```
#a5d341 rgb(165,211,65)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#b9dd6b
```
#b9dd6b rgb(185,221,107)
```
#c3e27f
```
#c3e27f rgb(195,226,127)
```
#cce694
```
#cce694 rgb(204,230,148)
```

Monochromatic Color

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

#d0d856
```
#d0d856 rgb(208,216,86)
```
#c5d856
```
#c5d856 rgb(197,216,86)
```
#bad856
```
#bad856 rgb(186,216,86)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#a4d856
```
#a4d856 rgb(164,216,86)
```
#99d856
```
#99d856 rgb(153,216,86)
```
#8fd856
```
#8fd856 rgb(143,216,86)
```

Similar Colors

Text with hexadecimal color #afd856

This text has a font color of #afd856.

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

#afd856 background color

This paragraph has a background color of #afd856.

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

#afd856 border color

This element has a border color of #afd856.

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

CSS codes

.text {color:#afd856;}

.background {background-color:#afd856;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#111605
```
#111605 rgb(17,22,5)
```
#1d2609
```
#1d2609 rgb(29,38,9)
```
#29360c
```
#29360c rgb(41,54,12)
```
#354610
```
#354610 rgb(53,70,16)
```
#415614
```
#415614 rgb(65,86,20)
```
#4d6618
```
#4d6618 rgb(77,102,24)
```
#59761b
```
#59761b rgb(89,118,27)
```
#65861f
```
#65861f rgb(101,134,31)
```
#719623
```
#719623 rgb(113,150,35)
```
#7da626
```
#7da626 rgb(125,166,38)
```
#8ab62a
```
#8ab62a rgb(138,182,42)
```
#96c62e
```
#96c62e rgb(150,198,46)
```

Shade Color Variation

#a0d136
```
#a0d136 rgb(160,209,54)
```
#a7d446
```
#a7d446 rgb(167,212,70)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#b7dc66
```
#b7dc66 rgb(183,220,102)
```
#bedf76
```
#bedf76 rgb(190,223,118)
```
#c6e386
```
#c6e386 rgb(198,227,134)
```
#cde796
```
#cde796 rgb(205,231,150)
```
#d5eaa6
```
#d5eaa6 rgb(213,234,166)
```
#dceeb6
```
#dceeb6 rgb(220,238,182)
```
#e4f2c6
```
#e4f2c6 rgb(228,242,198)
```
#ebf5d6
```
#ebf5d6 rgb(235,245,214)
```
#f3f9e5
```
#f3f9e5 rgb(243,249,229)
```
#fafdf5
```
#fafdf5 rgb(250,253,245)
```

Tint Color Variation

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

#979896
```
#979896 rgb(151,152,150)
```
#9aa08e
```
#9aa08e rgb(154,160,142)
```
#9da886
```
#9da886 rgb(157,168,134)
```
#a0b07e
```
#a0b07e rgb(160,176,126)
```
#a3b876
```
#a3b876 rgb(163,184,118)
```
#a6c06e
```
#a6c06e rgb(166,192,110)
```
#a9c866
```
#a9c866 rgb(169,200,102)
```
#acd05e
```
#acd05e rgb(172,208,94)
```
#afd856
```
#afd856 rgb(175,216,86)
```
#b2e04e
```
#b2e04e rgb(178,224,78)
```
#b5e846
```
#b5e846 rgb(181,232,70)
```
#b8f03e
```
#b8f03e rgb(184,240,62)
```
#bbf836
```
#bbf836 rgb(187,248,54)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cc5a Protanopia 1% of men
#fac367 Deuteranopia 1% of men
#c4cddb Tritanopia 0.001% of the population

Trichromacy

#cfd059 Protanomaly 1% of men, 0.01% of women
#deca61 Deuteranomaly 6% of men, 0.4% of women
#bcd1ab Tritanomaly 0.01% of the population

#afd856 hex color

#afd856 Color Information

#afd856 Color Conversion

Color Schemes with #afd856

Alternatives to #afd856

#afd856 Preview

Shades and Tints of #afd856

Tones of #afd856

Color Blindness Simulator