#afb895 hex color

In a RGB color space, hex #afb895 is composed of 68.6% red, 72.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 19% yellow and 27.8% black. It has a hue angle of 75.4 degrees, a saturation of 19.8% and a lightness of 65.3%. #afb895 color hex could be obtained by blending #ffffff with #5f712b. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 72
- B 58
RGB color chart
- C 5
- M 0
- Y 19
- K 28
CMYK color chart

● #afb895 color description : Grayish green.

The hexadecimal color #afb895 has RGB values of R:175, G:184, B:149 and CMYK values of C:0.05, M:0, Y:0.19, K:0.28. Its decimal value is 11516053.

Hex triplet	afb895	`#afb895`
RGB Decimal	175, 184, 149	`rgb(175,184,149)`
RGB Percent	68.6, 72.2, 58.4	`rgb(68.6%,72.2%,58.4%)`
CMYK	5, 0, 19, 28
HSL	75.4°, 19.8, 65.3	`hsl(75.4,19.8%,65.3%)`
HSV (or HSB)	75.4°, 19, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.262, -9.298, 16.757
XYZ	40.243, 45.565, 35.107
xyY	0.333, 0.377, 45.565
CIE-LCH	73.262, 19.164, 119.025
CIE-LUV	73.262, -3.495, 25.062
Hunter-Lab	67.502, -11.709, 16.415
Binary	10101111, 10111000, 10010101

#afb895
```
#afb895 rgb(175,184,149)
```
#9e95b8
```
#9e95b8 rgb(158,149,184)
```

Complementary Color

#b8b095
```
#b8b095 rgb(184,176,149)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#9eb895
```
#9eb895 rgb(158,184,149)
```

Analogous Color

#b095b8
```
#b095b8 rgb(176,149,184)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#959eb8
```
#959eb8 rgb(149,158,184)
```

Split Complementary Color

#b895af
```
#b895af rgb(184,149,175)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#95afb8
```
#95afb8 rgb(149,175,184)
```

Triadic Color

#b89e95
```
#b89e95 rgb(184,158,149)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#95afb8
```
#95afb8 rgb(149,175,184)
```
#9e95b8
```
#9e95b8 rgb(158,149,184)
```

Tetradic Color

#8c9967
```
#8c9967 rgb(140,153,103)
```
#98a476
```
#98a476 rgb(152,164,118)
```
#a3ae86
```
#a3ae86 rgb(163,174,134)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#bbc2a4
```
#bbc2a4 rgb(187,194,164)
```
#c6ccb4
```
#c6ccb4 rgb(198,204,180)
```
#d2d7c3
```
#d2d7c3 rgb(210,215,195)
```

Monochromatic Color

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

#b8b895
```
#b8b895 rgb(184,184,149)
```
#b5b895
```
#b5b895 rgb(181,184,149)
```
#b2b895
```
#b2b895 rgb(178,184,149)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#acb895
```
#acb895 rgb(172,184,149)
```
#a9b895
```
#a9b895 rgb(169,184,149)
```
#a6b895
```
#a6b895 rgb(166,184,149)
```

Similar Colors

Text with hexadecimal color #afb895

This text has a font color of #afb895.

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

#afb895 background color

This paragraph has a background color of #afb895.

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

#afb895 border color

This element has a border color of #afb895.

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

CSS codes

.text {color:#afb895;}

.background {background-color:#afb895;}

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

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, #0a0b08 is the darkest color, while #ffffff is the lightest one.

#0a0b08
```
#0a0b08 rgb(10,11,8)
```
#151710
```
#151710 rgb(21,23,16)
```
#202317
```
#202317 rgb(32,35,23)
```
#2b2f1f
```
#2b2f1f rgb(43,47,31)
```
#353a27
```
#353a27 rgb(53,58,39)
```
#40462f
```
#40462f rgb(64,70,47)
```
#4b5237
```
#4b5237 rgb(75,82,55)
```
#565e3f
```
#565e3f rgb(86,94,63)
```
#606947
```
#606947 rgb(96,105,71)
```
#6b754e
```
#6b754e rgb(107,117,78)
```
#768156
```
#768156 rgb(118,129,86)
```
#818d5e
```
#818d5e rgb(129,141,94)
```
#8b9866
```
#8b9866 rgb(139,152,102)
```

Shade Color Variation

#94a072
```
#94a072 rgb(148,160,114)
```
#9da87e
```
#9da87e rgb(157,168,126)
```
#a6b089
```
#a6b089 rgb(166,176,137)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#b8c0a1
```
#b8c0a1 rgb(184,192,161)
```
#c1c8ac
```
#c1c8ac rgb(193,200,172)
```
#cad0b8
```
#cad0b8 rgb(202,208,184)
```
#d2d7c4
```
#d2d7c4 rgb(210,215,196)
```
#dbdfd0
```
#dbdfd0 rgb(219,223,208)
```
#e4e7db
```
#e4e7db rgb(228,231,219)
```
#edefe7
```
#edefe7 rgb(237,239,231)
```
#f6f7f3
```
#f6f7f3 rgb(246,247,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a8aaa3
```
#a8aaa3 rgb(168,170,163)
```
#acb19c
```
#acb19c rgb(172,177,156)
```
#afb895
```
#afb895 rgb(175,184,149)
```
#b2bf8e
```
#b2bf8e rgb(178,191,142)
```
#b6c687
```
#b6c687 rgb(182,198,135)
```
#b9cc81
```
#b9cc81 rgb(185,204,129)
```
#bcd37a
```
#bcd37a rgb(188,211,122)
```
#c0da73
```
#c0da73 rgb(192,218,115)
```
#c3e16c
```
#c3e16c rgb(195,225,108)
```
#c6e865
```
#c6e865 rgb(198,232,101)
```
#c9ee5f
```
#c9ee5f rgb(201,238,95)
```
#cdf558
```
#cdf558 rgb(205,245,88)
```
#d0fc51
```
#d0fc51 rgb(208,252,81)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b798 Protanopia 1% of men
#d2b19d Deuteranopia 1% of men
#b9b5c2 Tritanopia 0.001% of the population

Trichromacy

#bbb797 Protanomaly 1% of men, 0.01% of women
#c5b39a Deuteranomaly 6% of men, 0.4% of women
#b5b6b2 Tritanomaly 0.01% of the population

#afb895 hex color

#afb895 Color Information

#afb895 Color Conversion

Color Schemes with #afb895

Alternatives to #afb895

#afb895 Preview

Shades and Tints of #afb895

Tones of #afb895

Color Blindness Simulator