#afbb4c hex color

In a RGB color space, hex #afbb4c is composed of 68.6% red, 73.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 59.4% yellow and 26.7% black. It has a hue angle of 66.5 degrees, a saturation of 44.9% and a lightness of 51.6%. #afbb4c color hex could be obtained by blending #ffff98 with #5f7700. Closest websafe color is: #99cc33.

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

● #afbb4c color description : Moderate yellow.

The hexadecimal color #afbb4c has RGB values of R:175, G:187, B:76 and CMYK values of C:0.06, M:0, Y:0.59, K:0.27. Its decimal value is 11516748.

Hex triplet	afbb4c	`#afbb4c`
RGB Decimal	175, 187, 76	`rgb(175,187,76)`
RGB Percent	68.6, 73.3, 29.8	`rgb(68.6%,73.3%,29.8%)`
CMYK	6, 0, 59, 27
HSL	66.5°, 44.9, 51.6	`hsl(66.5,44.9%,51.6%)`
HSV (or HSB)	66.5°, 59.4, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.008, -19.384, 53.436
XYZ	36.754, 45.177, 13.621
xyY	0.385, 0.473, 45.177
CIE-LCH	73.008, 56.844, 109.939
CIE-LUV	73.008, -3.024, 66.441
Hunter-Lab	67.214, -20.016, 35.034
Binary	10101111, 10111011, 01001100

#afbb4c
```
#afbb4c rgb(175,187,76)
```
#584cbb
```
#584cbb rgb(88,76,187)
```

Complementary Color

#bb904c
```
#bb904c rgb(187,144,76)
```
#afbb4c
```
#afbb4c rgb(175,187,76)
```
#78bb4c
```
#78bb4c rgb(120,187,76)
```

Analogous Color

#904cbb
```
#904cbb rgb(144,76,187)
```
#afbb4c
```
#afbb4c rgb(175,187,76)
```
#4c78bb
```
#4c78bb rgb(76,120,187)
```

Split Complementary Color

#bb4caf
```
#bb4caf rgb(187,76,175)
```
#afbb4c
```
#afbb4c rgb(175,187,76)
```
#4cafbb
```
#4cafbb rgb(76,175,187)
```

Triadic Color

#bb584c
```
#bb584c rgb(187,88,76)
```
#afbb4c
```
#afbb4c rgb(175,187,76)
```
#4cafbb
```
#4cafbb rgb(76,175,187)
```
#584cbb
```
#584cbb rgb(88,76,187)
```

Tetradic Color

#7e8733
```
#7e8733 rgb(126,135,51)
```
#8f9a3a
```
#8f9a3a rgb(143,154,58)
```
#a1ac41
```
#a1ac41 rgb(161,172,65)
```
#afbb4c
```
#afbb4c rgb(175,187,76)
```
#b7c25e
```
#b7c25e rgb(183,194,94)
```
#c0c971
```
#c0c971 rgb(192,201,113)
```
#c8d083
```
#c8d083 rgb(200,208,131)
```

Monochromatic Color

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

#bbab4c
```
#bbab4c rgb(187,171,76)
```
#bbb54c
```
#bbb54c rgb(187,181,76)
```
#b8bb4c
```
#b8bb4c rgb(184,187,76)
```
#afbb4c
```
#afbb4c rgb(175,187,76)
```
#a6bb4c
```
#a6bb4c rgb(166,187,76)
```
#9dbb4c
```
#9dbb4c rgb(157,187,76)
```
#93bb4c
```
#93bb4c rgb(147,187,76)
```

Similar Colors

Text with hexadecimal color #afbb4c

This text has a font color of #afbb4c.

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

#afbb4c background color

This paragraph has a background color of #afbb4c.

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

#afbb4c border color

This element has a border color of #afbb4c.

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

CSS codes

.text {color:#afbb4c;}

.background {background-color:#afbb4c;}

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

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)
```
#131408
```
#131408 rgb(19,20,8)
```
#20220d
```
#20220d rgb(32,34,13)
```
#2d3012
```
#2d3012 rgb(45,48,18)
```
#3a3f18
```
#3a3f18 rgb(58,63,24)
```
#484d1d
```
#484d1d rgb(72,77,29)
```
#555b23
```
#555b23 rgb(85,91,35)
```
#626928
```
#626928 rgb(98,105,40)
```
#70782d
```
#70782d rgb(112,120,45)
```
#7d8633
```
#7d8633 rgb(125,134,51)
```
#8a9438
```
#8a9438 rgb(138,148,56)
```
#97a23e
```
#97a23e rgb(151,162,62)
```
#a5b043
```
#a5b043 rgb(165,176,67)
```

Shade Color Variation

#afbb4c
```
#afbb4c rgb(175,187,76)
```
#b5c05a
```
#b5c05a rgb(181,192,90)
```
#bcc668
```
#bcc668 rgb(188,198,104)
```
#c2cb77
```
#c2cb77 rgb(194,203,119)
```
#c8d185
```
#c8d185 rgb(200,209,133)
```
#cfd693
```
#cfd693 rgb(207,214,147)
```
#d5dba1
```
#d5dba1 rgb(213,219,161)
```
#dbe1b0
```
#dbe1b0 rgb(219,225,176)
```
#e2e6be
```
#e2e6be rgb(226,230,190)
```
#e8eccc
```
#e8eccc rgb(232,236,204)
```
#eff1da
```
#eff1da rgb(239,241,218)
```
#f5f6e8
```
#f5f6e8 rgb(245,246,232)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

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

#8a8c7c
```
#8a8c7c rgb(138,140,124)
```
#919572
```
#919572 rgb(145,149,114)
```
#999f69
```
#999f69 rgb(153,159,105)
```
#a0a85f
```
#a0a85f rgb(160,168,95)
```
#a8b256
```
#a8b256 rgb(168,178,86)
```
#afbb4c
```
#afbb4c rgb(175,187,76)
```
#b6c543
```
#b6c543 rgb(182,197,67)
```
#bece39
```
#bece39 rgb(190,206,57)
```
#c5d82f
```
#c5d82f rgb(197,216,47)
```
#cde126
```
#cde126 rgb(205,225,38)
```
#d4eb1d
```
#d4eb1d rgb(212,235,29)
```
#dcf413
```
#dcf413 rgb(220,244,19)
```
#e3fe0a
```
#e3fe0a rgb(227,254,10)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acae98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab753 Protanopia 1% of men
#e0ae5b Deuteranopia 1% of men
#bfb3c0 Tritanopia 0.001% of the population

Trichromacy

#c0b850 Protanomaly 1% of men, 0.01% of women
#ceb355 Deuteranomaly 6% of men, 0.4% of women
#b9b695 Tritanomaly 0.01% of the population

#afbb4c hex color

#afbb4c Color Information

#afbb4c Color Conversion

Color Schemes with #afbb4c

Alternatives to #afbb4c

#afbb4c Preview

Shades and Tints of #afbb4c

Tones of #afbb4c

Color Blindness Simulator