#afbb5c hex color

In a RGB color space, hex #afbb5c is composed of 68.6% red, 73.3% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 50.8% yellow and 26.7% black. It has a hue angle of 67.6 degrees, a saturation of 41.1% and a lightness of 54.7%. #afbb5c color hex could be obtained by blending #ffffb8 with #5f7700. Closest websafe color is: #99cc66.

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

● #afbb5c color description : Moderate yellow.

The hexadecimal color #afbb5c has RGB values of R:175, G:187, B:92 and CMYK values of C:0.06, M:0, Y:0.51, K:0.27. Its decimal value is 11516764.

Hex triplet	afbb5c	`#afbb5c`
RGB Decimal	175, 187, 92	`rgb(175,187,92)`
RGB Percent	68.6, 73.3, 36.1	`rgb(68.6%,73.3%,36.1%)`
CMYK	6, 0, 51, 27
HSL	67.6°, 41.1, 54.7	`hsl(67.6,41.1%,54.7%)`
HSV (or HSB)	67.6°, 50.8, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.172, -18.033, 46.212
XYZ	37.381, 45.427, 16.924
xyY	0.375, 0.455, 45.427
CIE-LCH	73.172, 49.606, 111.317
CIE-LUV	73.172, -3.371, 59.866
Hunter-Lab	67.4, -18.951, 32.292
Binary	10101111, 10111011, 01011100

#afbb5c
```
#afbb5c rgb(175,187,92)
```
#685cbb
```
#685cbb rgb(104,92,187)
```

Complementary Color

#bb985c
```
#bb985c rgb(187,152,92)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#80bb5c
```
#80bb5c rgb(128,187,92)
```

Analogous Color

#985cbb
```
#985cbb rgb(152,92,187)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#5c80bb
```
#5c80bb rgb(92,128,187)
```

Split Complementary Color

#bb5caf
```
#bb5caf rgb(187,92,175)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#5cafbb
```
#5cafbb rgb(92,175,187)
```

Triadic Color

#bb685c
```
#bb685c rgb(187,104,92)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#5cafbb
```
#5cafbb rgb(92,175,187)
```
#685cbb
```
#685cbb rgb(104,92,187)
```

Tetradic Color

#848f3c
```
#848f3c rgb(132,143,60)
```
#95a143
```
#95a143 rgb(149,161,67)
```
#a6b34b
```
#a6b34b rgb(166,179,75)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#b8c36e
```
#b8c36e rgb(184,195,110)
```
#c1ca80
```
#c1ca80 rgb(193,202,128)
```
#c9d292
```
#c9d292 rgb(201,210,146)
```

Monochromatic Color

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

#bbaf5c
```
#bbaf5c rgb(187,175,92)
```
#bbb75c
```
#bbb75c rgb(187,183,92)
```
#b7bb5c
```
#b7bb5c rgb(183,187,92)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#a7bb5c
```
#a7bb5c rgb(167,187,92)
```
#9fbb5c
```
#9fbb5c rgb(159,187,92)
```
#97bb5c
```
#97bb5c rgb(151,187,92)
```

Similar Colors

Text with hexadecimal color #afbb5c

This text has a font color of #afbb5c.

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

#afbb5c background color

This paragraph has a background color of #afbb5c.

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

#afbb5c border color

This element has a border color of #afbb5c.

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

CSS codes

.text {color:#afbb5c;}

.background {background-color:#afbb5c;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101107
```
#101107 rgb(16,17,7)
```
#1d1f0d
```
#1d1f0d rgb(29,31,13)
```
#292d13
```
#292d13 rgb(41,45,19)
```
#363a18
```
#363a18 rgb(54,58,24)
```
#43481e
```
#43481e rgb(67,72,30)
```
#505624
```
#505624 rgb(80,86,36)
```
#5d642a
```
#5d642a rgb(93,100,42)
```
#69722f
```
#69722f rgb(105,114,47)
```
#768035
```
#768035 rgb(118,128,53)
```
#838e3b
```
#838e3b rgb(131,142,59)
```
#909b41
```
#909b41 rgb(144,155,65)
```
#9da947
```
#9da947 rgb(157,169,71)
```

Shade Color Variation

#a8b54e
```
#a8b54e rgb(168,181,78)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#b6c16a
```
#b6c16a rgb(182,193,106)
```
#bdc778
```
#bdc778 rgb(189,199,120)
```
#c3cc86
```
#c3cc86 rgb(195,204,134)
```
#cad293
```
#cad293 rgb(202,210,147)
```
#d1d8a1
```
#d1d8a1 rgb(209,216,161)
```
#d8deaf
```
#d8deaf rgb(216,222,175)
```
#dfe3bd
```
#dfe3bd rgb(223,227,189)
```
#e5e9cb
```
#e5e9cb rgb(229,233,203)
```
#ecefd9
```
#ecefd9 rgb(236,239,217)
```
#f3f5e6
```
#f3f5e6 rgb(243,245,230)
```
#fafbf4
```
#fafbf4 rgb(250,251,244)
```

Tint Color Variation

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

#8e8f88
```
#8e8f88 rgb(142,143,136)
```
#949780
```
#949780 rgb(148,151,128)
```
#9ba077
```
#9ba077 rgb(155,160,119)
```
#a2a96e
```
#a2a96e rgb(162,169,110)
```
#a8b265
```
#a8b265 rgb(168,178,101)
```
#afbb5c
```
#afbb5c rgb(175,187,92)
```
#b6c453
```
#b6c453 rgb(182,196,83)
```
#bccd4a
```
#bccd4a rgb(188,205,74)
```
#c3d641
```
#c3d641 rgb(195,214,65)
```
#cadf38
```
#cadf38 rgb(202,223,56)
```
#d0e730
```
#d0e730 rgb(208,231,48)
```
#d7f027
```
#d7f027 rgb(215,240,39)
```
#ddf91e
```
#ddf91e rgb(221,249,30)
```

Tone Color Variation

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

Dichromacy

#c9b762 Protanopia 1% of men
#deaf69 Deuteranopia 1% of men
#bfb4c1 Tritanopia 0.001% of the population

Trichromacy

#c0b85f Protanomaly 1% of men, 0.01% of women
#cdb364 Deuteranomaly 6% of men, 0.4% of women
#b9b69c Tritanomaly 0.01% of the population

#afbb5c hex color

#afbb5c Color Information

#afbb5c Color Conversion

Color Schemes with #afbb5c

Alternatives to #afbb5c

#afbb5c Preview

Shades and Tints of #afbb5c

Tones of #afbb5c

Color Blindness Simulator