#afd196 hex color

In a RGB color space, hex #afd196 is composed of 68.6% red, 82% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 28.2% yellow and 18% black. It has a hue angle of 94.6 degrees, a saturation of 39.1% and a lightness of 70.4%. #afd196 color hex could be obtained by blending #ffffff with #5fa32d. Closest websafe color is: #99cc99.

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

● #afd196 color description : Slightly desaturated green.

The hexadecimal color #afd196 has RGB values of R:175, G:209, B:150 and CMYK values of C:0.16, M:0, Y:0.28, K:0.18. Its decimal value is 11522454.

Hex triplet	afd196	`#afd196`
RGB Decimal	175, 209, 150	`rgb(175,209,150)`
RGB Percent	68.6, 82, 58.8	`rgb(68.6%,82%,58.8%)`
CMYK	16, 0, 28, 18
HSL	94.6°, 39.1, 70.4	`hsl(94.6,39.1%,70.4%)`
HSV (or HSB)	94.6°, 28.2, 82
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.132, -21.848, 25.659
XYZ	45.983, 56.916, 37.416
xyY	0.328, 0.406, 56.916
CIE-LCH	80.132, 33.701, 130.413
CIE-LUV	80.132, -16.754, 39.428
Hunter-Lab	75.443, -23.227, 23.405
Binary	10101111, 11010001, 10010110

#afd196
```
#afd196 rgb(175,209,150)
```
#b896d1
```
#b896d1 rgb(184,150,209)
```

Complementary Color

#cdd196
```
#cdd196 rgb(205,209,150)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#96d19b
```
#96d19b rgb(150,209,155)
```

Analogous Color

#d196cd
```
#d196cd rgb(209,150,205)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#9b96d1
```
#9b96d1 rgb(155,150,209)
```

Split Complementary Color

#d196af
```
#d196af rgb(209,150,175)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#96afd1
```
#96afd1 rgb(150,175,209)
```

Triadic Color

#d1b896
```
#d1b896 rgb(209,184,150)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#96afd1
```
#96afd1 rgb(150,175,209)
```
#b896d1
```
#b896d1 rgb(184,150,209)
```

Tetradic Color

#86ba61
```
#86ba61 rgb(134,186,97)
```
#94c173
```
#94c173 rgb(148,193,115)
```
#a1c984
```
#a1c984 rgb(161,201,132)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#bdd9a8
```
#bdd9a8 rgb(189,217,168)
```
#cae1b9
```
#cae1b9 rgb(202,225,185)
```
#d8e8cb
```
#d8e8cb rgb(216,232,203)
```

Monochromatic Color

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

#bed196
```
#bed196 rgb(190,209,150)
```
#b9d196
```
#b9d196 rgb(185,209,150)
```
#b4d196
```
#b4d196 rgb(180,209,150)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#aad196
```
#aad196 rgb(170,209,150)
```
#a5d196
```
#a5d196 rgb(165,209,150)
```
#a0d196
```
#a0d196 rgb(160,209,150)
```

Similar Colors

Text with hexadecimal color #afd196

This text has a font color of #afd196.

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

#afd196 background color

This paragraph has a background color of #afd196.

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

#afd196 border color

This element has a border color of #afd196.

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

CSS codes

.text {color:#afd196;}

.background {background-color:#afd196;}

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0c1208
```
#0c1208 rgb(12,18,8)
```
#151f0e
```
#151f0e rgb(21,31,14)
```
#1e2d14
```
#1e2d14 rgb(30,45,20)
```
#283b1a
```
#283b1a rgb(40,59,26)
```
#314820
```
#314820 rgb(49,72,32)
```
#3a5626
```
#3a5626 rgb(58,86,38)
```
#43642c
```
#43642c rgb(67,100,44)
```
#4d7132
```
#4d7132 rgb(77,113,50)
```
#567f38
```
#567f38 rgb(86,127,56)
```
#5f8d3e
```
#5f8d3e rgb(95,141,62)
```
#689a44
```
#689a44 rgb(104,154,68)
```
#71a84a
```
#71a84a rgb(113,168,74)
```

Shade Color Variation

#7bb352
```
#7bb352 rgb(123,179,82)
```
#85b95f
```
#85b95f rgb(133,185,95)
```
#90bf6d
```
#90bf6d rgb(144,191,109)
```
#9ac57b
```
#9ac57b rgb(154,197,123)
```
#a5cb88
```
#a5cb88 rgb(165,203,136)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#b9d7a4
```
#b9d7a4 rgb(185,215,164)
```
#c4ddb1
```
#c4ddb1 rgb(196,221,177)
```
#cee3bf
```
#cee3bf rgb(206,227,191)
```
#d9e9cd
```
#d9e9cd rgb(217,233,205)
```
#e3efda
```
#e3efda rgb(227,239,218)
```
#edf5e8
```
#edf5e8 rgb(237,245,232)
```
#f8fbf5
```
#f8fbf5 rgb(248,251,245)
```

Tint Color Variation

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

#b3b4b3
```
#b3b4b3 rgb(179,180,179)
```
#b3baad
```
#b3baad rgb(179,186,173)
```
#b2c0a7
```
#b2c0a7 rgb(178,192,167)
```
#b1c5a2
```
#b1c5a2 rgb(177,197,162)
```
#b0cb9c
```
#b0cb9c rgb(176,203,156)
```
#afd196
```
#afd196 rgb(175,209,150)
```
#aed790
```
#aed790 rgb(174,215,144)
```
#addd8a
```
#addd8a rgb(173,221,138)
```
#ace285
```
#ace285 rgb(172,226,133)
```
#abe87f
```
#abe87f rgb(171,232,127)
```
#abee79
```
#abee79 rgb(171,238,121)
```
#aaf473
```
#aaf473 rgb(170,244,115)
```
#a9fa6d
```
#a9fa6d rgb(169,250,109)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c997 Protanopia 1% of men
#eac2a0 Deuteranopia 1% of men
#becbd9 Tritanopia 0.001% of the population

Trichromacy

#c9cc96 Protanomaly 1% of men, 0.01% of women
#d4c79c Deuteranomaly 6% of men, 0.4% of women
#b8cdc1 Tritanomaly 0.01% of the population

#afd196 hex color

#afd196 Color Information

#afd196 Color Conversion

Color Schemes with #afd196

Alternatives to #afd196

#afd196 Preview

Shades and Tints of #afd196

Tones of #afd196

Color Blindness Simulator