#afbc5f hex color

In a RGB color space, hex #afbc5f is composed of 68.6% red, 73.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 49.5% yellow and 26.3% black. It has a hue angle of 68.4 degrees, a saturation of 41% and a lightness of 55.5%. #afbc5f color hex could be obtained by blending #ffffbe with #5f7900. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 74
- B 37
RGB color chart
- C 7
- M 0
- Y 49
- K 26
CMYK color chart

● #afbc5f color description : Slightly desaturated yellow.

The hexadecimal color #afbc5f has RGB values of R:175, G:188, B:95 and CMYK values of C:0.07, M:0, Y:0.49, K:0.26. Its decimal value is 11517023.

Hex triplet	afbc5f	`#afbc5f`
RGB Decimal	175, 188, 95	`rgb(175,188,95)`
RGB Percent	68.6, 73.7, 37.3	`rgb(68.6%,73.7%,37.3%)`
CMYK	7, 0, 49, 26
HSL	68.4°, 41, 55.5	`hsl(68.4,41%,55.5%)`
HSV (or HSB)	68.4°, 49.5, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.485, -18.251, 45.133
XYZ	37.728, 45.907, 17.699
xyY	0.372, 0.453, 45.907
CIE-LCH	73.485, 48.684, 112.018
CIE-LUV	73.485, -4.034, 58.987
Hunter-Lab	67.755, -19.177, 31.94
Binary	10101111, 10111100, 01011111

#afbc5f
```
#afbc5f rgb(175,188,95)
```
#6c5fbc
```
#6c5fbc rgb(108,95,188)
```

Complementary Color

#bc9b5f
```
#bc9b5f rgb(188,155,95)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#81bc5f
```
#81bc5f rgb(129,188,95)
```

Analogous Color

#9b5fbc
```
#9b5fbc rgb(155,95,188)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#5f81bc
```
#5f81bc rgb(95,129,188)
```

Split Complementary Color

#bc5faf
```
#bc5faf rgb(188,95,175)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#5fafbc
```
#5fafbc rgb(95,175,188)
```

Triadic Color

#bc6c5f
```
#bc6c5f rgb(188,108,95)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#5fafbc
```
#5fafbc rgb(95,175,188)
```
#6c5fbc
```
#6c5fbc rgb(108,95,188)
```

Tetradic Color

#86923d
```
#86923d rgb(134,146,61)
```
#96a444
```
#96a444 rgb(150,164,68)
```
#a6b44d
```
#a6b44d rgb(166,180,77)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#b8c471
```
#b8c471 rgb(184,196,113)
```
#c1cb83
```
#c1cb83 rgb(193,203,131)
```
#cad395
```
#cad395 rgb(202,211,149)
```

Monochromatic Color

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

#bcb25f
```
#bcb25f rgb(188,178,95)
```
#bcba5f
```
#bcba5f rgb(188,186,95)
```
#b7bc5f
```
#b7bc5f rgb(183,188,95)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#a7bc5f
```
#a7bc5f rgb(167,188,95)
```
#a0bc5f
```
#a0bc5f rgb(160,188,95)
```
#98bc5f
```
#98bc5f rgb(152,188,95)
```

Similar Colors

Text with hexadecimal color #afbc5f

This text has a font color of #afbc5f.

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

#afbc5f background color

This paragraph has a background color of #afbc5f.

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

#afbc5f border color

This element has a border color of #afbc5f.

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

CSS codes

.text {color:#afbc5f;}

.background {background-color:#afbc5f;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#121408
```
#121408 rgb(18,20,8)
```
#1f220e
```
#1f220e rgb(31,34,14)
```
#2c2f14
```
#2c2f14 rgb(44,47,20)
```
#383d1a
```
#383d1a rgb(56,61,26)
```
#454b1f
```
#454b1f rgb(69,75,31)
```
#525925
```
#525925 rgb(82,89,37)
```
#5e672b
```
#5e672b rgb(94,103,43)
```
#6b7531
```
#6b7531 rgb(107,117,49)
```
#788237
```
#788237 rgb(120,130,55)
```
#84903c
```
#84903c rgb(132,144,60)
```
#919e42
```
#919e42 rgb(145,158,66)
```
#9eac48
```
#9eac48 rgb(158,172,72)
```

Shade Color Variation

#a8b651
```
#a8b651 rgb(168,182,81)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#b6c26d
```
#b6c26d rgb(182,194,109)
```
#bdc87b
```
#bdc87b rgb(189,200,123)
```
#c4cd88
```
#c4cd88 rgb(196,205,136)
```
#cbd396
```
#cbd396 rgb(203,211,150)
```
#d2d9a4
```
#d2d9a4 rgb(210,217,164)
```
#d8dfb2
```
#d8dfb2 rgb(216,223,178)
```
#dfe5c0
```
#dfe5c0 rgb(223,229,192)
```
#e6eace
```
#e6eace rgb(230,234,206)
```
#edf0db
```
#edf0db rgb(237,240,219)
```
#f4f6e9
```
#f4f6e9 rgb(244,246,233)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

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

#90908b
```
#90908b rgb(144,144,139)
```
#969982
```
#969982 rgb(150,153,130)
```
#9ca279
```
#9ca279 rgb(156,162,121)
```
#a2ab70
```
#a2ab70 rgb(162,171,112)
```
#a9b368
```
#a9b368 rgb(169,179,104)
```
#afbc5f
```
#afbc5f rgb(175,188,95)
```
#b5c556
```
#b5c556 rgb(181,197,86)
```
#bccd4e
```
#bccd4e rgb(188,205,78)
```
#c2d645
```
#c2d645 rgb(194,214,69)
```
#c8df3c
```
#c8df3c rgb(200,223,60)
```
#cee833
```
#cee833 rgb(206,232,51)
```
#d5f02b
```
#d5f02b rgb(213,240,43)
```
#dbf922
```
#dbf922 rgb(219,249,34)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeb19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab865 Protanopia 1% of men
#dfb06c Deuteranopia 1% of men
#bfb5c2 Tritanopia 0.001% of the population

Trichromacy

#c0b962 Protanomaly 1% of men, 0.01% of women
#cdb467 Deuteranomaly 6% of men, 0.4% of women
#b9b79e Tritanomaly 0.01% of the population

#afbc5f hex color

#afbc5f Color Information

#afbc5f Color Conversion

Color Schemes with #afbc5f

Alternatives to #afbc5f

#afbc5f Preview

Shades and Tints of #afbc5f

Tones of #afbc5f

Color Blindness Simulator