#afb44f hex color

In a RGB color space, hex #afb44f is composed of 68.6% red, 70.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 56.1% yellow and 29.4% black. It has a hue angle of 63 degrees, a saturation of 40.2% and a lightness of 50.8%. #afb44f color hex could be obtained by blending #ffff9e with #5f6900. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 71
- B 31
RGB color chart
- C 3
- M 0
- Y 56
- K 29
CMYK color chart

● #afb44f color description : Moderate yellow.

The hexadecimal color #afb44f has RGB values of R:175, G:180, B:79 and CMYK values of C:0.03, M:0, Y:0.56, K:0.29. Its decimal value is 11514959.

Hex triplet	afb44f	`#afb44f`
RGB Decimal	175, 180, 79	`rgb(175,180,79)`
RGB Percent	68.6, 70.6, 31	`rgb(68.6%,70.6%,31%)`
CMYK	3, 0, 56, 29
HSL	63°, 40.2, 50.8	`hsl(63,40.2%,50.8%)`
HSV (or HSB)	63°, 56.1, 70.6
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.092, -15.615, 49.939
XYZ	35.412, 42.321, 13.7
xyY	0.387, 0.463, 42.321
CIE-LCH	71.092, 52.323, 107.363
CIE-LUV	71.092, 1.19, 62.038
Hunter-Lab	65.055, -16.683, 33.052
Binary	10101111, 10110100, 01001111

#afb44f
```
#afb44f rgb(175,180,79)
```
#544fb4
```
#544fb4 rgb(84,79,180)
```

Complementary Color

#b4874f
```
#b4874f rgb(180,135,79)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#7db44f
```
#7db44f rgb(125,180,79)
```

Analogous Color

#874fb4
```
#874fb4 rgb(135,79,180)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#4f7db4
```
#4f7db4 rgb(79,125,180)
```

Split Complementary Color

#b44faf
```
#b44faf rgb(180,79,175)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#4fafb4
```
#4fafb4 rgb(79,175,180)
```

Triadic Color

#b4544f
```
#b4544f rgb(180,84,79)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#4fafb4
```
#4fafb4 rgb(79,175,180)
```
#544fb4
```
#544fb4 rgb(84,79,180)
```

Tetradic Color

#7c8037
```
#7c8037 rgb(124,128,55)
```
#8e923e
```
#8e923e rgb(142,146,62)
```
#9fa446
```
#9fa446 rgb(159,164,70)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#b7bc61
```
#b7bc61 rgb(183,188,97)
```
#bfc373
```
#bfc373 rgb(191,195,115)
```
#c7cb85
```
#c7cb85 rgb(199,203,133)
```

Monochromatic Color

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

#b4a04f
```
#b4a04f rgb(180,160,79)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#b4b14f
```
#b4b14f rgb(180,177,79)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#a7b44f
```
#a7b44f rgb(167,180,79)
```
#9eb44f
```
#9eb44f rgb(158,180,79)
```
#96b44f
```
#96b44f rgb(150,180,79)
```

Similar Colors

Text with hexadecimal color #afb44f

This text has a font color of #afb44f.

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

#afb44f background color

This paragraph has a background color of #afb44f.

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

#afb44f border color

This element has a border color of #afb44f.

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

CSS codes

.text {color:#afb44f;}

.background {background-color:#afb44f;}

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

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 #fafaf4 is the lightest one.

#030301
```
#030301 rgb(3,3,1)
```
#101107
```
#101107 rgb(16,17,7)
```
#1d1e0d
```
#1d1e0d rgb(29,30,13)
```
#2b2c13
```
#2b2c13 rgb(43,44,19)
```
#383a19
```
#383a19 rgb(56,58,25)
```
#46481f
```
#46481f rgb(70,72,31)
```
#535524
```
#535524 rgb(83,85,36)
```
#60632a
```
#60632a rgb(96,99,42)
```
#6e7130
```
#6e7130 rgb(110,113,48)
```
#7b7f36
```
#7b7f36 rgb(123,127,54)
```
#888c3c
```
#888c3c rgb(136,140,60)
```
#969a42
```
#969a42 rgb(150,154,66)
```
#a3a848
```
#a3a848 rgb(163,168,72)
```

Shade Color Variation

#afb44f
```
#afb44f rgb(175,180,79)
```
#b5ba5d
```
#b5ba5d rgb(181,186,93)
```
#bcc06b
```
#bcc06b rgb(188,192,107)
```
#c2c678
```
#c2c678 rgb(194,198,120)
```
#c8cb86
```
#c8cb86 rgb(200,203,134)
```
#ced194
```
#ced194 rgb(206,209,148)
```
#d5d7a2
```
#d5d7a2 rgb(213,215,162)
```
#dbddaf
```
#dbddaf rgb(219,221,175)
```
#e1e3bd
```
#e1e3bd rgb(225,227,189)
```
#e7e9cb
```
#e7e9cb rgb(231,233,203)
```
#eeefd9
```
#eeefd9 rgb(238,239,217)
```
#f4f4e6
```
#f4f4e6 rgb(244,244,230)
```
#fafaf4
```
#fafaf4 rgb(250,250,244)
```

Tint Color Variation

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

#84847f
```
#84847f rgb(132,132,127)
```
#8c8d76
```
#8c8d76 rgb(140,141,118)
```
#95976c
```
#95976c rgb(149,151,108)
```
#9ea162
```
#9ea162 rgb(158,161,98)
```
#a6aa59
```
#a6aa59 rgb(166,170,89)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#b8be45
```
#b8be45 rgb(184,190,69)
```
#c0c73c
```
#c0c73c rgb(192,199,60)
```
#c9d132
```
#c9d132 rgb(201,209,50)
```
#d2db28
```
#d2db28 rgb(210,219,40)
```
#dae41f
```
#dae41f rgb(218,228,31)
```
#e3ee15
```
#e3ee15 rgb(227,238,21)
```
#ecf80b
```
#ecf80b rgb(236,248,11)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9aa95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b256 Protanopia 1% of men
#d9aa5d Deuteranopia 1% of men
#beadb9 Tritanopia 0.001% of the population

Trichromacy

#bcb253 Protanomaly 1% of men, 0.01% of women
#caad57 Deuteranomaly 6% of men, 0.4% of women
#b8af92 Tritanomaly 0.01% of the population

#afb44f hex color

#afb44f Color Information

#afb44f Color Conversion

Color Schemes with #afb44f

Alternatives to #afb44f

#afb44f Preview

Shades and Tints of #afb44f

Tones of #afb44f

Color Blindness Simulator