#afbb7c hex color

In a RGB color space, hex #afbb7c is composed of 68.6% red, 73.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 33.7% yellow and 26.7% black. It has a hue angle of 71.4 degrees, a saturation of 31.7% and a lightness of 61%. #afbb7c color hex could be obtained by blending #fffff8 with #5f7700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 73
- B 49
RGB color chart
- C 6
- M 0
- Y 34
- K 27
CMYK color chart

● #afbb7c color description : Slightly desaturated yellow.

The hexadecimal color #afbb7c has RGB values of R:175, G:187, B:124 and CMYK values of C:0.06, M:0, Y:0.34, K:0.27. Its decimal value is 11516796.

Hex triplet	afbb7c	`#afbb7c`
RGB Decimal	175, 187, 124	`rgb(175,187,124)`
RGB Percent	68.6, 73.3, 48.6	`rgb(68.6%,73.3%,48.6%)`
CMYK	6, 0, 34, 27
HSL	71.4°, 31.7, 61	`hsl(71.4,31.7%,61%)`
HSV (or HSB)	71.4°, 33.7, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.617, -14.458, 30.577
XYZ	39.087, 46.11, 25.909
xyY	0.352, 0.415, 46.11
CIE-LCH	73.617, 33.823, 115.306
CIE-LUV	73.617, -4.259, 43.038
Hunter-Lab	67.904, -16.085, 24.911
Binary	10101111, 10111011, 01111100

#afbb7c
```
#afbb7c rgb(175,187,124)
```
#887cbb
```
#887cbb rgb(136,124,187)
```

Complementary Color

#bba87c
```
#bba87c rgb(187,168,124)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#90bb7c
```
#90bb7c rgb(144,187,124)
```

Analogous Color

#a87cbb
```
#a87cbb rgb(168,124,187)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#7c90bb
```
#7c90bb rgb(124,144,187)
```

Split Complementary Color

#bb7caf
```
#bb7caf rgb(187,124,175)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#7cafbb
```
#7cafbb rgb(124,175,187)
```

Triadic Color

#bb887c
```
#bb887c rgb(187,136,124)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#7cafbb
```
#7cafbb rgb(124,175,187)
```
#887cbb
```
#887cbb rgb(136,124,187)
```

Tetradic Color

#8c9a50
```
#8c9a50 rgb(140,154,80)
```
#9aaa5a
```
#9aaa5a rgb(154,170,90)
```
#a5b26b
```
#a5b26b rgb(165,178,107)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#b9c48d
```
#b9c48d rgb(185,196,141)
```
#c4cc9e
```
#c4cc9e rgb(196,204,158)
```
#ced5ae
```
#ced5ae rgb(206,213,174)
```

Monochromatic Color

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

#bbb77c
```
#bbb77c rgb(187,183,124)
```
#babb7c
```
#babb7c rgb(186,187,124)
```
#b4bb7c
```
#b4bb7c rgb(180,187,124)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#aabb7c
```
#aabb7c rgb(170,187,124)
```
#a5bb7c
```
#a5bb7c rgb(165,187,124)
```
#9fbb7c
```
#9fbb7c rgb(159,187,124)
```

Similar Colors

Text with hexadecimal color #afbb7c

This text has a font color of #afbb7c.

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

#afbb7c background color

This paragraph has a background color of #afbb7c.

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

#afbb7c border color

This element has a border color of #afbb7c.

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

CSS codes

.text {color:#afbb7c;}

.background {background-color:#afbb7c;}

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

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

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#16180c
```
#16180c rgb(22,24,12)
```
#212513
```
#212513 rgb(33,37,19)
```
#2d321a
```
#2d321a rgb(45,50,26)
```
#393f21
```
#393f21 rgb(57,63,33)
```
#454c27
```
#454c27 rgb(69,76,39)
```
#50592e
```
#50592e rgb(80,89,46)
```
#5c6535
```
#5c6535 rgb(92,101,53)
```
#68723b
```
#68723b rgb(104,114,59)
```
#747f42
```
#747f42 rgb(116,127,66)
```
#7f8c49
```
#7f8c49 rgb(127,140,73)
```
#8b994f
```
#8b994f rgb(139,153,79)
```
#97a656
```
#97a656 rgb(151,166,86)
```

Shade Color Variation

#9fae62
```
#9fae62 rgb(159,174,98)
```
#a7b46f
```
#a7b46f rgb(167,180,111)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#b7c289
```
#b7c289 rgb(183,194,137)
```
#bfc896
```
#bfc896 rgb(191,200,150)
```
#c7cfa3
```
#c7cfa3 rgb(199,207,163)
```
#cfd6b0
```
#cfd6b0 rgb(207,214,176)
```
#d6ddbd
```
#d6ddbd rgb(214,221,189)
```
#dee3c9
```
#dee3c9 rgb(222,227,201)
```
#e6ead6
```
#e6ead6 rgb(230,234,214)
```
#eef1e3
```
#eef1e3 rgb(238,241,227)
```
#f6f7f0
```
#f6f7f0 rgb(246,247,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9c9c9b
```
#9c9c9b rgb(156,156,155)
```
#a1a493
```
#a1a493 rgb(161,164,147)
```
#a6ac8b
```
#a6ac8b rgb(166,172,139)
```
#aab384
```
#aab384 rgb(170,179,132)
```
#afbb7c
```
#afbb7c rgb(175,187,124)
```
#b4c374
```
#b4c374 rgb(180,195,116)
```
#b8ca6d
```
#b8ca6d rgb(184,202,109)
```
#bdd265
```
#bdd265 rgb(189,210,101)
```
#c2da5d
```
#c2da5d rgb(194,218,93)
```
#c7e156
```
#c7e156 rgb(199,225,86)
```
#cbe94e
```
#cbe94e rgb(203,233,78)
```
#d0f146
```
#d0f146 rgb(208,241,70)
```
#d5f83f
```
#d5f83f rgb(213,248,63)
```

Tone Color Variation

Below, you can see how #afbb7c 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
#b0b2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b880 Protanopia 1% of men
#d9b186 Deuteranopia 1% of men
#bcb6c3 Tritanopia 0.001% of the population

Trichromacy

#beb97e Protanomaly 1% of men, 0.01% of women
#cab482 Deuteranomaly 6% of men, 0.4% of women
#b7b8a9 Tritanomaly 0.01% of the population

#afbb7c hex color

#afbb7c Color Information

#afbb7c Color Conversion

Color Schemes with #afbb7c

Alternatives to #afbb7c

#afbb7c Preview

Shades and Tints of #afbb7c

Tones of #afbb7c

Color Blindness Simulator