#afd056 hex color

In a RGB color space, hex #afd056 is composed of 68.6% red, 81.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 0% magenta, 58.7% yellow and 18.4% black. It has a hue angle of 76.2 degrees, a saturation of 56.5% and a lightness of 57.6%. #afd056 color hex could be obtained by blending #ffffac with #5fa100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 82
- B 34
RGB color chart
- C 16
- M 0
- Y 59
- K 18
CMYK color chart

● #afd056 color description : Moderate green.

The hexadecimal color #afd056 has RGB values of R:175, G:208, B:86 and CMYK values of C:0.16, M:0, Y:0.59, K:0.18. Its decimal value is 11522134.

Hex triplet	afd056	`#afd056`
RGB Decimal	175, 208, 86	`rgb(175,208,86)`
RGB Percent	68.6, 81.6, 33.7	`rgb(68.6%,81.6%,33.7%)`
CMYK	16, 0, 59, 18
HSL	76.2°, 56.5, 57.6	`hsl(76.2,56.5%,57.6%)`
HSV (or HSB)	76.2°, 58.7, 81.6
Web Safe	99cc66	`#99cc66`

CIE-LAB	78.982, -28.827, 55.665
XYZ	41.914, 54.897, 17.192
xyY	0.368, 0.482, 54.897
CIE-LCH	78.982, 62.686, 117.378
CIE-LUV	78.982, -15.399, 72.376
Hunter-Lab	74.093, -28.685, 38.108
Binary	10101111, 11010000, 01010110

#afd056
```
#afd056 rgb(175,208,86)
```
#7756d0
```
#7756d0 rgb(119,86,208)
```

Complementary Color

#d0b456
```
#d0b456 rgb(208,180,86)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#72d056
```
#72d056 rgb(114,208,86)
```

Analogous Color

#b456d0
```
#b456d0 rgb(180,86,208)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#5672d0
```
#5672d0 rgb(86,114,208)
```

Split Complementary Color

#d056af
```
#d056af rgb(208,86,175)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#56afd0
```
#56afd0 rgb(86,175,208)
```

Triadic Color

#d07756
```
#d07756 rgb(208,119,86)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#56afd0
```
#56afd0 rgb(86,175,208)
```
#7756d0
```
#7756d0 rgb(119,86,208)
```

Tetradic Color

#89aa2f
```
#89aa2f rgb(137,170,47)
```
#99be35
```
#99be35 rgb(153,190,53)
```
#a6ca42
```
#a6ca42 rgb(166,202,66)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#b8d66a
```
#b8d66a rgb(184,214,106)
```
#c2db7e
```
#c2db7e rgb(194,219,126)
```
#cbe192
```
#cbe192 rgb(203,225,146)
```

Monochromatic Color

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

#ced056
```
#ced056 rgb(206,208,86)
```
#c3d056
```
#c3d056 rgb(195,208,86)
```
#b9d056
```
#b9d056 rgb(185,208,86)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#a5d056
```
#a5d056 rgb(165,208,86)
```
#9bd056
```
#9bd056 rgb(155,208,86)
```
#91d056
```
#91d056 rgb(145,208,86)
```

Similar Colors

Text with hexadecimal color #afd056

This text has a font color of #afd056.

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

#afd056 background color

This paragraph has a background color of #afd056.

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

#afd056 border color

This element has a border color of #afd056.

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

CSS codes

.text {color:#afd056;}

.background {background-color:#afd056;}

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

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

#0c0f04
```
#0c0f04 rgb(12,15,4)
```
#191f08
```
#191f08 rgb(25,31,8)
```
#252e0d
```
#252e0d rgb(37,46,13)
```
#313d11
```
#313d11 rgb(49,61,17)
```
#3e4d15
```
#3e4d15 rgb(62,77,21)
```
#4a5c1a
```
#4a5c1a rgb(74,92,26)
```
#566b1e
```
#566b1e rgb(86,107,30)
```
#637b22
```
#637b22 rgb(99,123,34)
```
#6f8a26
```
#6f8a26 rgb(111,138,38)
```
#7b992b
```
#7b992b rgb(123,153,43)
```
#88a92f
```
#88a92f rgb(136,169,47)
```
#94b833
```
#94b833 rgb(148,184,51)
```
#a0c737
```
#a0c737 rgb(160,199,55)
```

Shade Color Variation

#a8cc47
```
#a8cc47 rgb(168,204,71)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#b6d465
```
#b6d465 rgb(182,212,101)
```
#bed975
```
#bed975 rgb(190,217,117)
```
#c5dd84
```
#c5dd84 rgb(197,221,132)
```
#cce193
```
#cce193 rgb(204,225,147)
```
#d3e5a3
```
#d3e5a3 rgb(211,229,163)
```
#dbeab2
```
#dbeab2 rgb(219,234,178)
```
#e2eec1
```
#e2eec1 rgb(226,238,193)
```
#e9f2d1
```
#e9f2d1 rgb(233,242,209)
```
#f0f6e0
```
#f0f6e0 rgb(240,246,224)
```
#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 #c2fa2c is the most saturated one.

#949690
```
#949690 rgb(148,150,144)
```
#989e88
```
#989e88 rgb(152,158,136)
```
#9ca680
```
#9ca680 rgb(156,166,128)
```
#a0af77
```
#a0af77 rgb(160,175,119)
```
#a4b76f
```
#a4b76f rgb(164,183,111)
```
#a7bf67
```
#a7bf67 rgb(167,191,103)
```
#abc85e
```
#abc85e rgb(171,200,94)
```
#afd056
```
#afd056 rgb(175,208,86)
```
#b3d84e
```
#b3d84e rgb(179,216,78)
```
#b7e145
```
#b7e145 rgb(183,225,69)
```
#bae93d
```
#bae93d rgb(186,233,61)
```
#bef135
```
#bef135 rgb(190,241,53)
```
#c2fa2c
```
#c2fa2c rgb(194,250,44)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6bda4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc65b Protanopia 1% of men
#f2bd66 Deuteranopia 1% of men
#c3c6d4 Tritanopia 0.001% of the population

Trichromacy

#cbca59 Protanomaly 1% of men, 0.01% of women
#dac460 Deuteranomaly 6% of men, 0.4% of women
#bbc9a6 Tritanomaly 0.01% of the population

#afd056 hex color

#afd056 Color Information

#afd056 Color Conversion

Color Schemes with #afd056

Alternatives to #afd056

#afd056 Preview

Shades and Tints of #afd056

Tones of #afd056

Color Blindness Simulator