#afd696 hex color

In a RGB color space, hex #afd696 is composed of 68.6% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 96.6 degrees, a saturation of 43.8% and a lightness of 71.4%. #afd696 color hex could be obtained by blending #ffffff with #5fad2d. Closest websafe color is: #99cc99.

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

● #afd696 color description : Slightly desaturated green.

The hexadecimal color #afd696 has RGB values of R:175, G:214, B:150 and CMYK values of C:0.18, M:0, Y:0.3, K:0.16. Its decimal value is 11523734.

Hex triplet	afd696	`#afd696`
RGB Decimal	175, 214, 150	`rgb(175,214,150)`
RGB Percent	68.6, 83.9, 58.8	`rgb(68.6%,83.9%,58.8%)`
CMYK	18, 0, 30, 16
HSL	96.6°, 43.8, 71.4	`hsl(96.6,43.8%,71.4%)`
HSV (or HSB)	96.6°, 29.9, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.515, -24.296, 27.528
XYZ	47.229, 59.408, 37.831
xyY	0.327, 0.411, 59.408
CIE-LCH	81.515, 36.716, 131.431
CIE-LUV	81.515, -19.323, 42.37
Hunter-Lab	77.077, -25.507, 24.853
Binary	10101111, 11010110, 10010110

#afd696
```
#afd696 rgb(175,214,150)
```
#bd96d6
```
#bd96d6 rgb(189,150,214)
```

Complementary Color

#cfd696
```
#cfd696 rgb(207,214,150)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#96d69d
```
#96d69d rgb(150,214,157)
```

Analogous Color

#d696cf
```
#d696cf rgb(214,150,207)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#9d96d6
```
#9d96d6 rgb(157,150,214)
```

Split Complementary Color

#d696af
```
#d696af rgb(214,150,175)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#96afd6
```
#96afd6 rgb(150,175,214)
```

Triadic Color

#d6bd96
```
#d6bd96 rgb(214,189,150)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#96afd6
```
#96afd6 rgb(150,175,214)
```
#bd96d6
```
#bd96d6 rgb(189,150,214)
```

Tetradic Color

#85c15f
```
#85c15f rgb(133,193,95)
```
#93c871
```
#93c871 rgb(147,200,113)
```
#a1cf84
```
#a1cf84 rgb(161,207,132)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#bddda8
```
#bddda8 rgb(189,221,168)
```
#cbe4bb
```
#cbe4bb rgb(203,228,187)
```
#d9ebcd
```
#d9ebcd rgb(217,235,205)
```

Monochromatic Color

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

#bfd696
```
#bfd696 rgb(191,214,150)
```
#bad696
```
#bad696 rgb(186,214,150)
```
#b4d696
```
#b4d696 rgb(180,214,150)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#aad696
```
#aad696 rgb(170,214,150)
```
#a4d696
```
#a4d696 rgb(164,214,150)
```
#9fd696
```
#9fd696 rgb(159,214,150)
```

Similar Colors

Text with hexadecimal color #afd696

This text has a font color of #afd696.

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

#afd696 background color

This paragraph has a background color of #afd696.

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

#afd696 border color

This element has a border color of #afd696.

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

CSS codes

.text {color:#afd696;}

.background {background-color:#afd696;}

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

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

#050803
```
#050803 rgb(5,8,3)
```
#0e1609
```
#0e1609 rgb(14,22,9)
```
#17240e
```
#17240e rgb(23,36,14)
```
#203214
```
#203214 rgb(32,50,20)
```
#284019
```
#284019 rgb(40,64,25)
```
#314e1f
```
#314e1f rgb(49,78,31)
```
#3a5c24
```
#3a5c24 rgb(58,92,36)
```
#436b2a
```
#436b2a rgb(67,107,42)
```
#4c792f
```
#4c792f rgb(76,121,47)
```
#558735
```
#558735 rgb(85,135,53)
```
#5e953a
```
#5e953a rgb(94,149,58)
```
#66a340
```
#66a340 rgb(102,163,64)
```
#6fb145
```
#6fb145 rgb(111,177,69)
```

Shade Color Variation

#79ba4f
```
#79ba4f rgb(121,186,79)
```
#84c05e
```
#84c05e rgb(132,192,94)
```
#8fc56c
```
#8fc56c rgb(143,197,108)
```
#9acb7a
```
#9acb7a rgb(154,203,122)
```
#a4d088
```
#a4d088 rgb(164,208,136)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#badca4
```
#badca4 rgb(186,220,164)
```
#c4e1b2
```
#c4e1b2 rgb(196,225,178)
```
#cfe7c0
```
#cfe7c0 rgb(207,231,192)
```
#daecce
```
#daecce rgb(218,236,206)
```
#e5f2dd
```
#e5f2dd rgb(229,242,221)
```
#eff7eb
```
#eff7eb rgb(239,247,235)
```
#fafdf9
```
#fafdf9 rgb(250,253,249)
```

Tint Color Variation

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

#b5bab2
```
#b5bab2 rgb(181,186,178)
```
#b4c0ac
```
#b4c0ac rgb(180,192,172)
```
#b3c5a7
```
#b3c5a7 rgb(179,197,167)
```
#b1cba1
```
#b1cba1 rgb(177,203,161)
```
#b0d09c
```
#b0d09c rgb(176,208,156)
```
#afd696
```
#afd696 rgb(175,214,150)
```
#aedc90
```
#aedc90 rgb(174,220,144)
```
#ade18b
```
#ade18b rgb(173,225,139)
```
#abe785
```
#abe785 rgb(171,231,133)
```
#aaec80
```
#aaec80 rgb(170,236,128)
```
#a9f27a
```
#a9f27a rgb(169,242,122)
```
#a8f874
```
#a8f874 rgb(168,248,116)
```
#a6fd6f
```
#a6fd6f rgb(166,253,111)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bfc7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccd96 Protanopia 1% of men
#efc5a1 Deuteranopia 1% of men
#bfcfde Tritanopia 0.001% of the population

Trichromacy

#cbd096 Protanomaly 1% of men, 0.01% of women
#d7cb9d Deuteranomaly 6% of men, 0.4% of women
#b9d1c3 Tritanomaly 0.01% of the population

#afd696 hex color

#afd696 Color Information

#afd696 Color Conversion

Color Schemes with #afd696

Alternatives to #afd696

#afd696 Preview

Shades and Tints of #afd696

Tones of #afd696

Color Blindness Simulator