#afb78b hex color

In a RGB color space, hex #afb78b is composed of 68.6% red, 71.8% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 24% yellow and 28.2% black. It has a hue angle of 70.9 degrees, a saturation of 23.4% and a lightness of 63.1%. #afb78b color hex could be obtained by blending #ffffff with #5f6f17. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 72
- B 55
RGB color chart
- C 4
- M 0
- Y 24
- K 28
CMYK color chart

● #afb78b color description : Grayish yellow.

The hexadecimal color #afb78b has RGB values of R:175, G:183, B:139 and CMYK values of C:0.04, M:0, Y:0.24, K:0.28. Its decimal value is 11515787.

Hex triplet	afb78b	`#afb78b`
RGB Decimal	175, 183, 139	`rgb(175,183,139)`
RGB Percent	68.6, 71.8, 54.5	`rgb(68.6%,71.8%,54.5%)`
CMYK	4, 0, 24, 28
HSL	70.9°, 23.4, 63.1	`hsl(70.9,23.4%,63.1%)`
HSV (or HSB)	70.9°, 24, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.79, -10.307, 21.497
XYZ	39.272, 44.845, 31.012
xyY	0.341, 0.39, 44.845
CIE-LCH	72.79, 23.84, 115.616
CIE-LUV	72.79, -2.551, 31.272
Hunter-Lab	66.966, -12.511, 19.42
Binary	10101111, 10110111, 10001011

#afb78b
```
#afb78b rgb(175,183,139)
```
#938bb7
```
#938bb7 rgb(147,139,183)
```

Complementary Color

#b7a98b
```
#b7a98b rgb(183,169,139)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#99b78b
```
#99b78b rgb(153,183,139)
```

Analogous Color

#a98bb7
```
#a98bb7 rgb(169,139,183)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#8b99b7
```
#8b99b7 rgb(139,153,183)
```

Split Complementary Color

#b78baf
```
#b78baf rgb(183,139,175)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#8bafb7
```
#8bafb7 rgb(139,175,183)
```

Triadic Color

#b7938b
```
#b7938b rgb(183,147,139)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#8bafb7
```
#8bafb7 rgb(139,175,183)
```
#938bb7
```
#938bb7 rgb(147,139,183)
```

Tetradic Color

#8d975e
```
#8d975e rgb(141,151,94)
```
#99a36c
```
#99a36c rgb(153,163,108)
```
#a4ad7b
```
#a4ad7b rgb(164,173,123)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#bac19b
```
#bac19b rgb(186,193,155)
```
#c5cbaa
```
#c5cbaa rgb(197,203,170)
```
#d0d4ba
```
#d0d4ba rgb(208,212,186)
```

Monochromatic Color

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

#b7b48b
```
#b7b48b rgb(183,180,139)
```
#b6b78b
```
#b6b78b rgb(182,183,139)
```
#b3b78b
```
#b3b78b rgb(179,183,139)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#abb78b
```
#abb78b rgb(171,183,139)
```
#a8b78b
```
#a8b78b rgb(168,183,139)
```
#a4b78b
```
#a4b78b rgb(164,183,139)
```

Similar Colors

Text with hexadecimal color #afb78b

This text has a font color of #afb78b.

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

#afb78b background color

This paragraph has a background color of #afb78b.

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

#afb78b border color

This element has a border color of #afb78b.

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

CSS codes

.text {color:#afb78b;}

.background {background-color:#afb78b;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#10110b
```
#10110b rgb(16,17,11)
```
#1b1d12
```
#1b1d12 rgb(27,29,18)
```
#26291a
```
#26291a rgb(38,41,26)
```
#323521
```
#323521 rgb(50,53,33)
```
#3d4229
```
#3d4229 rgb(61,66,41)
```
#484e30
```
#484e30 rgb(72,78,48)
```
#545a38
```
#545a38 rgb(84,90,56)
```
#5f663f
```
#5f663f rgb(95,102,63)
```
#6a7247
```
#6a7247 rgb(106,114,71)
```
#757e4e
```
#757e4e rgb(117,126,78)
```
#818a56
```
#818a56 rgb(129,138,86)
```
#8c965d
```
#8c965d rgb(140,150,93)
```

Shade Color Variation

#96a067
```
#96a067 rgb(150,160,103)
```
#9ea873
```
#9ea873 rgb(158,168,115)
```
#a7af7f
```
#a7af7f rgb(167,175,127)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#b7bf97
```
#b7bf97 rgb(183,191,151)
```
#c0c6a3
```
#c0c6a3 rgb(192,198,163)
```
#c8ceaf
```
#c8ceaf rgb(200,206,175)
```
#d0d5bb
```
#d0d5bb rgb(208,213,187)
```
#d9ddc8
```
#d9ddc8 rgb(217,221,200)
```
#e1e4d4
```
#e1e4d4 rgb(225,228,212)
```
#e9ece0
```
#e9ece0 rgb(233,236,224)
```
#f2f3ec
```
#f2f3ec rgb(242,243,236)
```
#fafbf8
```
#fafbf8 rgb(250,251,248)
```

Tint Color Variation

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

#a1a1a1
```
#a1a1a1 rgb(161,161,161)
```
#a6a999
```
#a6a999 rgb(166,169,153)
```
#aab092
```
#aab092 rgb(170,176,146)
```
#afb78b
```
#afb78b rgb(175,183,139)
```
#b4be84
```
#b4be84 rgb(180,190,132)
```
#b8c57d
```
#b8c57d rgb(184,197,125)
```
#bdcd75
```
#bdcd75 rgb(189,205,117)
```
#c1d46e
```
#c1d46e rgb(193,212,110)
```
#c6db67
```
#c6db67 rgb(198,219,103)
```
#cbe260
```
#cbe260 rgb(203,226,96)
```
#cfea58
```
#cfea58 rgb(207,234,88)
```
#d4f151
```
#d4f151 rgb(212,241,81)
```
#d8f84a
```
#d8f84a rgb(216,248,74)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b68f Protanopia 1% of men
#d3af94 Deuteranopia 1% of men
#bab4c1 Tritanopia 0.001% of the population

Trichromacy

#bbb68d Protanomaly 1% of men, 0.01% of women
#c6b291 Deuteranomaly 6% of men, 0.4% of women
#b6b5ad Tritanomaly 0.01% of the population

#afb78b hex color

#afb78b Color Information

#afb78b Color Conversion

Color Schemes with #afb78b

Alternatives to #afb78b

#afb78b Preview

Shades and Tints of #afb78b

Tones of #afb78b

Color Blindness Simulator