#afd796 hex color

In a RGB color space, hex #afd796 is composed of 68.6% red, 84.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 30.2% yellow and 15.7% black. It has a hue angle of 96.9 degrees, a saturation of 44.8% and a lightness of 71.6%. #afd796 color hex could be obtained by blending #ffffff with #5faf2d. Closest websafe color is: #99cc99.

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

● #afd796 color description : Slightly desaturated green.

The hexadecimal color #afd796 has RGB values of R:175, G:215, B:150 and CMYK values of C:0.19, M:0, Y:0.3, K:0.16. Its decimal value is 11523990.

Hex triplet	afd796	`#afd796`
RGB Decimal	175, 215, 150	`rgb(175,215,150)`
RGB Percent	68.6, 84.3, 58.8	`rgb(68.6%,84.3%,58.8%)`
CMYK	19, 0, 30, 16
HSL	96.9°, 44.8, 71.6	`hsl(96.9,44.8%,71.6%)`
HSV (or HSB)	96.9°, 30.2, 84.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.792, -24.781, 27.9
XYZ	47.483, 59.916, 37.916
xyY	0.327, 0.412, 59.916
CIE-LCH	81.792, 37.317, 131.612
CIE-LUV	81.792, -19.834, 42.956
Hunter-Lab	77.405, -25.961, 25.142
Binary	10101111, 11010111, 10010110

#afd796
```
#afd796 rgb(175,215,150)
```
#be96d7
```
#be96d7 rgb(190,150,215)
```

Complementary Color

#d0d796
```
#d0d796 rgb(208,215,150)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#96d79e
```
#96d79e rgb(150,215,158)
```

Analogous Color

#d796d0
```
#d796d0 rgb(215,150,208)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#9e96d7
```
#9e96d7 rgb(158,150,215)
```

Split Complementary Color

#d796af
```
#d796af rgb(215,150,175)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#96afd7
```
#96afd7 rgb(150,175,215)
```

Triadic Color

#d7be96
```
#d7be96 rgb(215,190,150)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#96afd7
```
#96afd7 rgb(150,175,215)
```
#be96d7
```
#be96d7 rgb(190,150,215)
```

Tetradic Color

#85c25f
```
#85c25f rgb(133,194,95)
```
#93c971
```
#93c971 rgb(147,201,113)
```
#a1d084
```
#a1d084 rgb(161,208,132)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#bddea8
```
#bddea8 rgb(189,222,168)
```
#cbe5bb
```
#cbe5bb rgb(203,229,187)
```
#d9eccd
```
#d9eccd rgb(217,236,205)
```

Monochromatic Color

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

#bfd796
```
#bfd796 rgb(191,215,150)
```
#bad796
```
#bad796 rgb(186,215,150)
```
#b4d796
```
#b4d796 rgb(180,215,150)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#aad796
```
#aad796 rgb(170,215,150)
```
#a4d796
```
#a4d796 rgb(164,215,150)
```
#9fd796
```
#9fd796 rgb(159,215,150)
```

Similar Colors

Text with hexadecimal color #afd796

This text has a font color of #afd796.

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

#afd796 background color

This paragraph has a background color of #afd796.

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

#afd796 border color

This element has a border color of #afd796.

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

CSS codes

.text {color:#afd796;}

.background {background-color:#afd796;}

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

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

#050903
```
#050903 rgb(5,9,3)
```
#0e1709
```
#0e1709 rgb(14,23,9)
```
#17250e
```
#17250e rgb(23,37,14)
```
#203314
```
#203314 rgb(32,51,20)
```
#294119
```
#294119 rgb(41,65,25)
```
#31501e
```
#31501e rgb(49,80,30)
```
#3a5e24
```
#3a5e24 rgb(58,94,36)
```
#436c29
```
#436c29 rgb(67,108,41)
```
#4c7a2f
```
#4c7a2f rgb(76,122,47)
```
#548834
```
#548834 rgb(84,136,52)
```
#5d9739
```
#5d9739 rgb(93,151,57)
```
#66a53f
```
#66a53f rgb(102,165,63)
```
#6fb344
```
#6fb344 rgb(111,179,68)
```

Shade Color Variation

#79bc4f
```
#79bc4f rgb(121,188,79)
```
#84c15d
```
#84c15d rgb(132,193,93)
```
#8fc76b
```
#8fc76b rgb(143,199,107)
```
#99cc7a
```
#99cc7a rgb(153,204,122)
```
#a4d288
```
#a4d288 rgb(164,210,136)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#badca4
```
#badca4 rgb(186,220,164)
```
#c5e2b2
```
#c5e2b2 rgb(197,226,178)
```
#cfe7c1
```
#cfe7c1 rgb(207,231,193)
```
#daedcf
```
#daedcf rgb(218,237,207)
```
#e5f2dd
```
#e5f2dd rgb(229,242,221)
```
#f0f7eb
```
#f0f7eb rgb(240,247,235)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#b5bbb2
```
#b5bbb2 rgb(181,187,178)
```
#b4c1ac
```
#b4c1ac rgb(180,193,172)
```
#b3c6a7
```
#b3c6a7 rgb(179,198,167)
```
#b2cca1
```
#b2cca1 rgb(178,204,161)
```
#b0d19c
```
#b0d19c rgb(176,209,156)
```
#afd796
```
#afd796 rgb(175,215,150)
```
#aedd90
```
#aedd90 rgb(174,221,144)
```
#ace28b
```
#ace28b rgb(172,226,139)
```
#abe885
```
#abe885 rgb(171,232,133)
```
#aaed80
```
#aaed80 rgb(170,237,128)
```
#a9f37a
```
#a9f37a rgb(169,243,122)
```
#a7f875
```
#a7f875 rgb(167,248,117)
```
#a6fe6f
```
#a6fe6f rgb(166,254,111)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c8bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcd96 Protanopia 1% of men
#f0c6a1 Deuteranopia 1% of men
#bfd0df Tritanopia 0.001% of the population

Trichromacy

#ccd196 Protanomaly 1% of men, 0.01% of women
#d8cc9d Deuteranomaly 6% of men, 0.4% of women
#b9d2c4 Tritanomaly 0.01% of the population

#afd796 hex color

#afd796 Color Information

#afd796 Color Conversion

Color Schemes with #afd796

Alternatives to #afd796

#afd796 Preview

Shades and Tints of #afd796

Tones of #afd796

Color Blindness Simulator