#afd56a hex color

In a RGB color space, hex #afd56a is composed of 68.6% red, 83.5% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 50.2% yellow and 16.5% black. It has a hue angle of 81.3 degrees, a saturation of 56% and a lightness of 62.5%. #afd56a color hex could be obtained by blending #ffffd4 with #5fab00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 84
- B 42
RGB color chart
- C 18
- M 0
- Y 50
- K 16
CMYK color chart

● #afd56a color description : Moderate green.

The hexadecimal color #afd56a has RGB values of R:175, G:213, B:106 and CMYK values of C:0.18, M:0, Y:0.5, K:0.16. Its decimal value is 11523434.

Hex triplet	afd56a	`#afd56a`
RGB Decimal	175, 213, 106	`rgb(175,213,106)`
RGB Percent	68.6, 83.5, 41.6	`rgb(68.6%,83.5%,41.6%)`
CMYK	18, 0, 50, 16
HSL	81.3°, 56, 62.5	`hsl(81.3,56%,62.5%)`
HSV (or HSB)	81.3°, 50.2, 83.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.595, -29.353, 48.375
XYZ	44.074, 57.742, 22.458
xyY	0.355, 0.465, 57.742
CIE-LCH	80.595, 56.584, 121.248
CIE-LUV	80.595, -18.337, 66.281
Hunter-Lab	75.988, -29.448, 35.669
Binary	10101111, 11010101, 01101010

#afd56a
```
#afd56a rgb(175,213,106)
```
#906ad5
```
#906ad5 rgb(144,106,213)
```

Complementary Color

#d5c66a
```
#d5c66a rgb(213,198,106)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#7ad56a
```
#7ad56a rgb(122,213,106)
```

Analogous Color

#c66ad5
```
#c66ad5 rgb(198,106,213)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#6a7ad5
```
#6a7ad5 rgb(106,122,213)
```

Split Complementary Color

#d56aaf
```
#d56aaf rgb(213,106,175)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#6aafd5
```
#6aafd5 rgb(106,175,213)
```

Triadic Color

#d5906a
```
#d5906a rgb(213,144,106)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#6aafd5
```
#6aafd5 rgb(106,175,213)
```
#906ad5
```
#906ad5 rgb(144,106,213)
```

Tetradic Color

#8dbd35
```
#8dbd35 rgb(141,189,53)
```
#9aca42
```
#9aca42 rgb(154,202,66)
```
#a4cf56
```
#a4cf56 rgb(164,207,86)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#badb7e
```
#badb7e rgb(186,219,126)
```
#c4e092
```
#c4e092 rgb(196,224,146)
```
#cfe6a6
```
#cfe6a6 rgb(207,230,166)
```

Monochromatic Color

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

#cad56a
```
#cad56a rgb(202,213,106)
```
#c1d56a
```
#c1d56a rgb(193,213,106)
```
#b8d56a
```
#b8d56a rgb(184,213,106)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#a6d56a
```
#a6d56a rgb(166,213,106)
```
#9dd56a
```
#9dd56a rgb(157,213,106)
```
#94d56a
```
#94d56a rgb(148,213,106)
```

Similar Colors

Text with hexadecimal color #afd56a

This text has a font color of #afd56a.

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

#afd56a background color

This paragraph has a background color of #afd56a.

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

#afd56a border color

This element has a border color of #afd56a.

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

CSS codes

.text {color:#afd56a;}

.background {background-color:#afd56a;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0e1305
```
#0e1305 rgb(14,19,5)
```
#1a230a
```
#1a230a rgb(26,35,10)
```
#25320e
```
#25320e rgb(37,50,14)
```
#314112
```
#314112 rgb(49,65,18)
```
#3c5117
```
#3c5117 rgb(60,81,23)
```
#47601b
```
#47601b rgb(71,96,27)
```
#536f1f
```
#536f1f rgb(83,111,31)
```
#5e7e24
```
#5e7e24 rgb(94,126,36)
```
#6a8e28
```
#6a8e28 rgb(106,142,40)
```
#759d2c
```
#759d2c rgb(117,157,44)
```
#80ac31
```
#80ac31 rgb(128,172,49)
```
#8cbc35
```
#8cbc35 rgb(140,188,53)
```

Shade Color Variation

#96c83c
```
#96c83c rgb(150,200,60)
```
#9fcc4b
```
#9fcc4b rgb(159,204,75)
```
#a7d15b
```
#a7d15b rgb(167,209,91)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#b7d979
```
#b7d979 rgb(183,217,121)
```
#bfde89
```
#bfde89 rgb(191,222,137)
```
#c8e298
```
#c8e298 rgb(200,226,152)
```
#d0e6a7
```
#d0e6a7 rgb(208,230,167)
```
#d8ebb7
```
#d8ebb7 rgb(216,235,183)
```
#e0efc6
```
#e0efc6 rgb(224,239,198)
```
#e9f3d5
```
#e9f3d5 rgb(233,243,213)
```
#f1f8e4
```
#f1f8e4 rgb(241,248,228)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

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

#a0a29d
```
#a0a29d rgb(160,162,157)
```
#a2a996
```
#a2a996 rgb(162,169,150)
```
#a4b08f
```
#a4b08f rgb(164,176,143)
```
#a6b887
```
#a6b887 rgb(166,184,135)
```
#a9bf80
```
#a9bf80 rgb(169,191,128)
```
#abc679
```
#abc679 rgb(171,198,121)
```
#adce71
```
#adce71 rgb(173,206,113)
```
#afd56a
```
#afd56a rgb(175,213,106)
```
#b1dc63
```
#b1dc63 rgb(177,220,99)
```
#b3e45b
```
#b3e45b rgb(179,228,91)
```
#b5eb54
```
#b5eb54 rgb(181,235,84)
```
#b8f24d
```
#b8f24d rgb(184,242,77)
```
#bafa45
```
#bafa45 rgb(186,250,69)
```

Tone Color Variation

Below, you can see how #afd56a 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
#bac2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfca6d Protanopia 1% of men
#f5c278 Deuteranopia 1% of men
#c2cbda Tritanopia 0.001% of the population

Trichromacy

#cdce6c Protanomaly 1% of men, 0.01% of women
#dbc973 Deuteranomaly 6% of men, 0.4% of women
#bbceb1 Tritanomaly 0.01% of the population

#afd56a hex color

#afd56a Color Information

#afd56a Color Conversion

Color Schemes with #afd56a

Alternatives to #afd56a

#afd56a Preview

Shades and Tints of #afd56a

Tones of #afd56a

Color Blindness Simulator