#afb996 hex color

In a RGB color space, hex #afb996 is composed of 68.6% red, 72.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 18.9% yellow and 27.5% black. It has a hue angle of 77.1 degrees, a saturation of 20% and a lightness of 65.7%. #afb996 color hex could be obtained by blending #ffffff with #5f732d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 73
- B 59
RGB color chart
- C 5
- M 0
- Y 19
- K 27
CMYK color chart

● #afb996 color description : Grayish green.

The hexadecimal color #afb996 has RGB values of R:175, G:185, B:150 and CMYK values of C:0.05, M:0, Y:0.19, K:0.27. Its decimal value is 11516310.

Hex triplet	afb996	`#afb996`
RGB Decimal	175, 185, 150	`rgb(175,185,150)`
RGB Percent	68.6, 72.5, 58.8	`rgb(68.6%,72.5%,58.8%)`
CMYK	5, 0, 19, 27
HSL	77.1°, 20, 65.7	`hsl(77.1,20%,65.7%)`
HSV (or HSB)	77.1°, 18.9, 72.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.554, -9.662, 16.624
XYZ	40.532, 46.014, 35.599
xyY	0.332, 0.377, 46.014
CIE-LCH	73.554, 19.228, 120.167
CIE-LUV	73.554, -4.075, 24.976
Hunter-Lab	67.833, -12.051, 16.368
Binary	10101111, 10111001, 10010110

#afb996
```
#afb996 rgb(175,185,150)
```
#a096b9
```
#a096b9 rgb(160,150,185)
```

Complementary Color

#b9b296
```
#b9b296 rgb(185,178,150)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#9eb996
```
#9eb996 rgb(158,185,150)
```

Analogous Color

#b296b9
```
#b296b9 rgb(178,150,185)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#969eb9
```
#969eb9 rgb(150,158,185)
```

Split Complementary Color

#b996af
```
#b996af rgb(185,150,175)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#96afb9
```
#96afb9 rgb(150,175,185)
```

Triadic Color

#b9a096
```
#b9a096 rgb(185,160,150)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#96afb9
```
#96afb9 rgb(150,175,185)
```
#a096b9
```
#a096b9 rgb(160,150,185)
```

Tetradic Color

#8c9a68
```
#8c9a68 rgb(140,154,104)
```
#98a577
```
#98a577 rgb(152,165,119)
```
#a3af87
```
#a3af87 rgb(163,175,135)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#bbc3a5
```
#bbc3a5 rgb(187,195,165)
```
#c6cdb5
```
#c6cdb5 rgb(198,205,181)
```
#d2d8c4
```
#d2d8c4 rgb(210,216,196)
```

Monochromatic Color

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

#b8b996
```
#b8b996 rgb(184,185,150)
```
#b5b996
```
#b5b996 rgb(181,185,150)
```
#b2b996
```
#b2b996 rgb(178,185,150)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#acb996
```
#acb996 rgb(172,185,150)
```
#a9b996
```
#a9b996 rgb(169,185,150)
```
#a6b996
```
#a6b996 rgb(166,185,150)
```

Similar Colors

Text with hexadecimal color #afb996

This text has a font color of #afb996.

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

#afb996 background color

This paragraph has a background color of #afb996.

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

#afb996 border color

This element has a border color of #afb996.

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

CSS codes

.text {color:#afb996;}

.background {background-color:#afb996;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0d08
```
#0b0d08 rgb(11,13,8)
```
#161810
```
#161810 rgb(22,24,16)
```
#212418
```
#212418 rgb(33,36,24)
```
#2b3020
```
#2b3020 rgb(43,48,32)
```
#363c28
```
#363c28 rgb(54,60,40)
```
#414830
```
#414830 rgb(65,72,48)
```
#4b5338
```
#4b5338 rgb(75,83,56)
```
#565f3f
```
#565f3f rgb(86,95,63)
```
#616b47
```
#616b47 rgb(97,107,71)
```
#6b774f
```
#6b774f rgb(107,119,79)
```
#768257
```
#768257 rgb(118,130,87)
```
#818e5f
```
#818e5f rgb(129,142,95)
```

Shade Color Variation

#8b9a67
```
#8b9a67 rgb(139,154,103)
```
#94a173
```
#94a173 rgb(148,161,115)
```
#9da97e
```
#9da97e rgb(157,169,126)
```
#a6b18a
```
#a6b18a rgb(166,177,138)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#b8c1a2
```
#b8c1a2 rgb(184,193,162)
```
#c1c9ae
```
#c1c9ae rgb(193,201,174)
```
#cad1b9
```
#cad1b9 rgb(202,209,185)
```
#d3d8c5
```
#d3d8c5 rgb(211,216,197)
```
#dce0d1
```
#dce0d1 rgb(220,224,209)
```
#e5e8dd
```
#e5e8dd rgb(229,232,221)
```
#eef0e8
```
#eef0e8 rgb(238,240,232)
```
#f7f8f4
```
#f7f8f4 rgb(247,248,244)
```

Tint Color Variation

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

#a9aca3
```
#a9aca3 rgb(169,172,163)
```
#acb29d
```
#acb29d rgb(172,178,157)
```
#afb996
```
#afb996 rgb(175,185,150)
```
#b2c08f
```
#b2c08f rgb(178,192,143)
```
#b5c689
```
#b5c689 rgb(181,198,137)
```
#b8cd82
```
#b8cd82 rgb(184,205,130)
```
#bbd47b
```
#bbd47b rgb(187,212,123)
```
#bddb74
```
#bddb74 rgb(189,219,116)
```
#c0e16e
```
#c0e16e rgb(192,225,110)
```
#c3e867
```
#c3e867 rgb(195,232,103)
```
#c6ef60
```
#c6ef60 rgb(198,239,96)
```
#c9f659
```
#c9f659 rgb(201,246,89)
```
#ccfc53
```
#ccfc53 rgb(204,252,83)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b899 Protanopia 1% of men
#d2b29e Deuteranopia 1% of men
#b9b6c3 Tritanopia 0.001% of the population

Trichromacy

#bbb898 Protanomaly 1% of men, 0.01% of women
#c5b49b Deuteranomaly 6% of men, 0.4% of women
#b5b7b3 Tritanomaly 0.01% of the population

#afb996 hex color

#afb996 Color Information

#afb996 Color Conversion

Color Schemes with #afb996

Alternatives to #afb996

#afb996 Preview

Shades and Tints of #afb996

Tones of #afb996

Color Blindness Simulator