#afb28e hex color

In a RGB color space, hex #afb28e is composed of 68.6% red, 69.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 20.2% yellow and 30.2% black. It has a hue angle of 65 degrees, a saturation of 18.9% and a lightness of 62.7%. #afb28e color hex could be obtained by blending #ffffff with #5f651d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 70
- B 56
RGB color chart
- C 2
- M 0
- Y 20
- K 30
CMYK color chart

● #afb28e color description : Dark grayish yellow.

The hexadecimal color #afb28e has RGB values of R:175, G:178, B:142 and CMYK values of C:0.02, M:0, Y:0.2, K:0.3. Its decimal value is 11514510.

Hex triplet	afb28e	`#afb28e`
RGB Decimal	175, 178, 142	`rgb(175,178,142)`
RGB Percent	68.6, 69.8, 55.7	`rgb(68.6%,69.8%,55.7%)`
CMYK	2, 0, 20, 30
HSL	65°, 18.9, 62.7	`hsl(65,18.9%,62.7%)`
HSV (or HSB)	65°, 20.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.492, -7.232, 18.093
XYZ	38.481, 42.908, 31.845
xyY	0.34, 0.379, 42.908
CIE-LCH	71.492, 19.484, 111.787
CIE-LUV	71.492, 0.093, 26.266
Hunter-Lab	65.504, -9.77, 17.029
Binary	10101111, 10110010, 10001110

#afb28e
```
#afb28e rgb(175,178,142)
```
#918eb2
```
#918eb2 rgb(145,142,178)
```

Complementary Color

#b2a38e
```
#b2a38e rgb(178,163,142)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#9db28e
```
#9db28e rgb(157,178,142)
```

Analogous Color

#a38eb2
```
#a38eb2 rgb(163,142,178)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#8e9db2
```
#8e9db2 rgb(142,157,178)
```

Split Complementary Color

#b28eaf
```
#b28eaf rgb(178,142,175)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#8eafb2
```
#8eafb2 rgb(142,175,178)
```

Triadic Color

#b2918e
```
#b2918e rgb(178,145,142)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#8eafb2
```
#8eafb2 rgb(142,175,178)
```
#918eb2
```
#918eb2 rgb(145,142,178)
```

Tetradic Color

#8d9163
```
#8d9163 rgb(141,145,99)
```
#9a9d70
```
#9a9d70 rgb(154,157,112)
```
#a4a87f
```
#a4a87f rgb(164,168,127)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#babc9d
```
#babc9d rgb(186,188,157)
```
#c4c7ac
```
#c4c7ac rgb(196,199,172)
```
#cfd1bb
```
#cfd1bb rgb(207,209,187)
```

Monochromatic Color

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

#b2ac8e
```
#b2ac8e rgb(178,172,142)
```
#b2af8e
```
#b2af8e rgb(178,175,142)
```
#b2b28e
```
#b2b28e rgb(178,178,142)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#acb28e
```
#acb28e rgb(172,178,142)
```
#a9b28e
```
#a9b28e rgb(169,178,142)
```
#a6b28e
```
#a6b28e rgb(166,178,142)
```

Similar Colors

Text with hexadecimal color #afb28e

This text has a font color of #afb28e.

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

#afb28e background color

This paragraph has a background color of #afb28e.

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

#afb28e border color

This element has a border color of #afb28e.

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

CSS codes

.text {color:#afb28e;}

.background {background-color:#afb28e;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#0f0f0a
```
#0f0f0a rgb(15,15,10)
```
#1a1b12
```
#1a1b12 rgb(26,27,18)
```
#26271a
```
#26271a rgb(38,39,26)
```
#313222
```
#313222 rgb(49,50,34)
```
#3c3e2a
```
#3c3e2a rgb(60,62,42)
```
#484a32
```
#484a32 rgb(72,74,50)
```
#53553a
```
#53553a rgb(83,85,58)
```
#5e6142
```
#5e6142 rgb(94,97,66)
```
#6a6d4a
```
#6a6d4a rgb(106,109,74)
```
#757852
```
#757852 rgb(117,120,82)
```
#80845a
```
#80845a rgb(128,132,90)
```
#8c9062
```
#8c9062 rgb(140,144,98)
```

Shade Color Variation

#969a6b
```
#969a6b rgb(150,154,107)
```
#9ea277
```
#9ea277 rgb(158,162,119)
```
#a7aa82
```
#a7aa82 rgb(167,170,130)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#b7ba9a
```
#b7ba9a rgb(183,186,154)
```
#c0c2a5
```
#c0c2a5 rgb(192,194,165)
```
#c8cab1
```
#c8cab1 rgb(200,202,177)
```
#d0d2bd
```
#d0d2bd rgb(208,210,189)
```
#d8dac8
```
#d8dac8 rgb(216,218,200)
```
#e1e2d4
```
#e1e2d4 rgb(225,226,212)
```
#e9eae0
```
#e9eae0 rgb(233,234,224)
```
#f1f2eb
```
#f1f2eb rgb(241,242,235)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#a3a39d
```
#a3a39d rgb(163,163,157)
```
#a9ab95
```
#a9ab95 rgb(169,171,149)
```
#afb28e
```
#afb28e rgb(175,178,142)
```
#b5b987
```
#b5b987 rgb(181,185,135)
```
#bbc17f
```
#bbc17f rgb(187,193,127)
```
#c1c878
```
#c1c878 rgb(193,200,120)
```
#c7cf71
```
#c7cf71 rgb(199,207,113)
```
#cdd769
```
#cdd769 rgb(205,215,105)
```
#d4de62
```
#d4de62 rgb(212,222,98)
```
#dae55b
```
#dae55b rgb(218,229,91)
```
#e0ec54
```
#e0ec54 rgb(224,236,84)
```
#e6f44c
```
#e6f44c rgb(230,244,76)
```
#ecfb45
```
#ecfb45 rgb(236,251,69)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adaea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb292 Protanopia 1% of men
#ceac96 Deuteranopia 1% of men
#b9b0bc Tritanopia 0.001% of the population

Trichromacy

#b8b290 Protanomaly 1% of men, 0.01% of women
#c2ae93 Deuteranomaly 6% of men, 0.4% of women
#b5b0ab Tritanomaly 0.01% of the population

#afb28e hex color

#afb28e Color Information

#afb28e Color Conversion

Color Schemes with #afb28e

Alternatives to #afb28e

#afb28e Preview

Shades and Tints of #afb28e

Tones of #afb28e

Color Blindness Simulator