#afdf56 hex color

In a RGB color space, hex #afdf56 is composed of 68.6% red, 87.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 61.4% yellow and 12.5% black. It has a hue angle of 81 degrees, a saturation of 68.2% and a lightness of 60.6%. #afdf56 color hex could be obtained by blending #ffffac with #5fbf00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 87
- B 34
RGB color chart
- C 22
- M 0
- Y 61
- K 13
CMYK color chart

● #afdf56 color description : Soft green.

The hexadecimal color #afdf56 has RGB values of R:175, G:223, B:86 and CMYK values of C:0.22, M:0, Y:0.61, K:0.13. Its decimal value is 11525974.

Hex triplet	afdf56	`#afdf56`
RGB Decimal	175, 223, 86	`rgb(175,223,86)`
RGB Percent	68.6, 87.5, 33.7	`rgb(68.6%,87.5%,33.7%)`
CMYK	22, 0, 61, 13
HSL	81°, 68.2, 60.6	`hsl(81,68.2%,60.6%)`
HSV (or HSB)	81°, 61.4, 87.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.211, -35.793, 60.342
XYZ	45.746, 62.56, 18.469
xyY	0.361, 0.493, 62.56
CIE-LCH	83.211, 70.159, 120.675
CIE-LUV	83.211, -23.603, 79.272
Hunter-Lab	79.095, -35.179, 41.522
Binary	10101111, 11011111, 01010110

#afdf56
```
#afdf56 rgb(175,223,86)
```
#8656df
```
#8656df rgb(134,86,223)
```

Complementary Color

#dfcb56
```
#dfcb56 rgb(223,203,86)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#6bdf56
```
#6bdf56 rgb(107,223,86)
```

Analogous Color

#cb56df
```
#cb56df rgb(203,86,223)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#566bdf
```
#566bdf rgb(86,107,223)
```

Split Complementary Color

#df56af
```
#df56af rgb(223,86,175)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#56afdf
```
#56afdf rgb(86,175,223)
```

Triadic Color

#df8656
```
#df8656 rgb(223,134,86)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#56afdf
```
#56afdf rgb(86,175,223)
```
#8656df
```
#8656df rgb(134,86,223)
```

Tetradic Color

#8cc325
```
#8cc325 rgb(140,195,37)
```
#9bd72b
```
#9bd72b rgb(155,215,43)
```
#a5db41
```
#a5db41 rgb(165,219,65)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#b9e36b
```
#b9e36b rgb(185,227,107)
```
#c3e781
```
#c3e781 rgb(195,231,129)
```
#cdeb96
```
#cdeb96 rgb(205,235,150)
```

Monochromatic Color

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

#d1df56
```
#d1df56 rgb(209,223,86)
```
#c6df56
```
#c6df56 rgb(198,223,86)
```
#badf56
```
#badf56 rgb(186,223,86)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#a4df56
```
#a4df56 rgb(164,223,86)
```
#98df56
```
#98df56 rgb(152,223,86)
```
#8ddf56
```
#8ddf56 rgb(141,223,86)
```

Similar Colors

Text with hexadecimal color #afdf56

This text has a font color of #afdf56.

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

#afdf56 background color

This paragraph has a background color of #afdf56.

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

#afdf56 border color

This element has a border color of #afdf56.

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

CSS codes

.text {color:#afdf56;}

.background {background-color:#afdf56;}

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

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, #090c02 is the darkest color, while #fdfefb is the lightest one.

#090c02
```
#090c02 rgb(9,12,2)
```
#151d05
```
#151d05 rgb(21,29,5)
```
#212d09
```
#212d09 rgb(33,45,9)
```
#2c3e0c
```
#2c3e0c rgb(44,62,12)
```
#384e0f
```
#384e0f rgb(56,78,15)
```
#445f12
```
#445f12 rgb(68,95,18)
```
#506f15
```
#506f15 rgb(80,111,21)
```
#5c8018
```
#5c8018 rgb(92,128,24)
```
#67901b
```
#67901b rgb(103,144,27)
```
#73a11e
```
#73a11e rgb(115,161,30)
```
#7fb122
```
#7fb122 rgb(127,177,34)
```
#8bc225
```
#8bc225 rgb(139,194,37)
```
#97d228
```
#97d228 rgb(151,210,40)
```

Shade Color Variation

#9fd935
```
#9fd935 rgb(159,217,53)
```
#a7dc46
```
#a7dc46 rgb(167,220,70)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#b7e266
```
#b7e266 rgb(183,226,102)
```
#bfe577
```
#bfe577 rgb(191,229,119)
```
#c6e887
```
#c6e887 rgb(198,232,135)
```
#ceeb98
```
#ceeb98 rgb(206,235,152)
```
#d6efa8
```
#d6efa8 rgb(214,239,168)
```
#def2b9
```
#def2b9 rgb(222,242,185)
```
#e6f5c9
```
#e6f5c9 rgb(230,245,201)
```
#edf8da
```
#edf8da rgb(237,248,218)
```
#f5fbea
```
#f5fbea rgb(245,251,234)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#9ca194
```
#9ca194 rgb(156,161,148)
```
#9fa98c
```
#9fa98c rgb(159,169,140)
```
#a1b184
```
#a1b184 rgb(161,177,132)
```
#a3b87d
```
#a3b87d rgb(163,184,125)
```
#a6c075
```
#a6c075 rgb(166,192,117)
```
#a8c86d
```
#a8c86d rgb(168,200,109)
```
#aad065
```
#aad065 rgb(170,208,101)
```
#add75e
```
#add75e rgb(173,215,94)
```
#afdf56
```
#afdf56 rgb(175,223,86)
```
#b1e74e
```
#b1e74e rgb(177,231,78)
```
#b4ee47
```
#b4ee47 rgb(180,238,71)
```
#b6f63f
```
#b6f63f rgb(182,246,63)
```
#b8fe37
```
#b8fe37 rgb(184,254,55)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d25a Protanopia 1% of men
#ffc870 Deuteranopia 1% of men
#c5d3e2 Tritanopia 0.001% of the population

Trichromacy

#d3d658 Protanomaly 1% of men, 0.01% of women
#e1d066 Deuteranomaly 6% of men, 0.4% of women
#bdd7af Tritanomaly 0.01% of the population

#afdf56 hex color

#afdf56 Color Information

#afdf56 Color Conversion

Color Schemes with #afdf56

Alternatives to #afdf56

#afdf56 Preview

Shades and Tints of #afdf56

Tones of #afdf56

Color Blindness Simulator