#afb66f hex color

In a RGB color space, hex #afb66f is composed of 68.6% red, 71.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 39% yellow and 28.6% black. It has a hue angle of 65.9 degrees, a saturation of 32.7% and a lightness of 57.5%. #afb66f color hex could be obtained by blending #ffffde with #5f6d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 71
- B 44
RGB color chart
- C 4
- M 0
- Y 39
- K 29
CMYK color chart

● #afb66f color description : Slightly desaturated yellow.

The hexadecimal color #afb66f has RGB values of R:175, G:182, B:111 and CMYK values of C:0.04, M:0, Y:0.39, K:0.29. Its decimal value is 11515503.

Hex triplet	afb66f	`#afb66f`
RGB Decimal	175, 182, 111	`rgb(175,182,111)`
RGB Percent	68.6, 71.4, 43.5	`rgb(68.6%,71.4%,43.5%)`
CMYK	4, 0, 39, 29
HSL	65.9°, 32.7, 57.5	`hsl(65.9,32.7%,57.5%)`
HSV (or HSB)	65.9°, 39, 71.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.039, -13.493, 35.306
XYZ	37.276, 43.718, 21.513
xyY	0.364, 0.426, 43.718
CIE-LCH	72.039, 37.796, 110.915
CIE-LUV	72.039, -0.959, 47.788
Hunter-Lab	66.119, -15.077, 26.993
Binary	10101111, 10110110, 01101111

#afb66f
```
#afb66f rgb(175,182,111)
```
#766fb6
```
#766fb6 rgb(118,111,182)
```

Complementary Color

#b69a6f
```
#b69a6f rgb(182,154,111)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#8cb66f
```
#8cb66f rgb(140,182,111)
```

Analogous Color

#9a6fb6
```
#9a6fb6 rgb(154,111,182)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#6f8cb6
```
#6f8cb6 rgb(111,140,182)
```

Split Complementary Color

#b66faf
```
#b66faf rgb(182,111,175)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#6fafb6
```
#6fafb6 rgb(111,175,182)
```

Triadic Color

#b6766f
```
#b6766f rgb(182,118,111)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#6fafb6
```
#6fafb6 rgb(111,175,182)
```
#766fb6
```
#766fb6 rgb(118,111,182)
```

Tetradic Color

#899049
```
#899049 rgb(137,144,73)
```
#99a151
```
#99a151 rgb(153,161,81)
```
#a6ad5e
```
#a6ad5e rgb(166,173,94)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#b8bf80
```
#b8bf80 rgb(184,191,128)
```
#c2c791
```
#c2c791 rgb(194,199,145)
```
#cbd0a2
```
#cbd0a2 rgb(203,208,162)
```

Monochromatic Color

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

#b6ab6f
```
#b6ab6f rgb(182,171,111)
```
#b6b16f
```
#b6b16f rgb(182,177,111)
```
#b5b66f
```
#b5b66f rgb(181,182,111)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#a9b66f
```
#a9b66f rgb(169,182,111)
```
#a3b66f
```
#a3b66f rgb(163,182,111)
```
#9db66f
```
#9db66f rgb(157,182,111)
```

Similar Colors

Text with hexadecimal color #afb66f

This text has a font color of #afb66f.

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

#afb66f background color

This paragraph has a background color of #afb66f.

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

#afb66f border color

This element has a border color of #afb66f.

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

CSS codes

.text {color:#afb66f;}

.background {background-color:#afb66f;}

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

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

#0c0c06
```
#0c0c06 rgb(12,12,6)
```
#18190d
```
#18190d rgb(24,25,13)
```
#242613
```
#242613 rgb(36,38,19)
```
#31331a
```
#31331a rgb(49,51,26)
```
#3d4021
```
#3d4021 rgb(61,64,33)
```
#4a4d27
```
#4a4d27 rgb(74,77,39)
```
#565a2e
```
#565a2e rgb(86,90,46)
```
#626734
```
#626734 rgb(98,103,52)
```
#6f743b
```
#6f743b rgb(111,116,59)
```
#7b8142
```
#7b8142 rgb(123,129,66)
```
#878e48
```
#878e48 rgb(135,142,72)
```
#949b4f
```
#949b4f rgb(148,155,79)
```
#a0a855
```
#a0a855 rgb(160,168,85)
```

Shade Color Variation

#a8af62
```
#a8af62 rgb(168,175,98)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#b6bd7c
```
#b6bd7c rgb(182,189,124)
```
#bdc389
```
#bdc389 rgb(189,195,137)
```
#c5ca96
```
#c5ca96 rgb(197,202,150)
```
#ccd0a3
```
#ccd0a3 rgb(204,208,163)
```
#d3d7b0
```
#d3d7b0 rgb(211,215,176)
```
#dadebd
```
#dadebd rgb(218,222,189)
```
#e2e4ca
```
#e2e4ca rgb(226,228,202)
```
#e9ebd7
```
#e9ebd7 rgb(233,235,215)
```
#f0f1e4
```
#f0f1e4 rgb(240,241,228)
```
#f7f8f1
```
#f7f8f1 rgb(247,248,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#949590
```
#949590 rgb(148,149,144)
```
#9b9d88
```
#9b9d88 rgb(155,157,136)
```
#a2a580
```
#a2a580 rgb(162,165,128)
```
#a8ae77
```
#a8ae77 rgb(168,174,119)
```
#afb66f
```
#afb66f rgb(175,182,111)
```
#b6be67
```
#b6be67 rgb(182,190,103)
```
#bcc75e
```
#bcc75e rgb(188,199,94)
```
#c3cf56
```
#c3cf56 rgb(195,207,86)
```
#cad74e
```
#cad74e rgb(202,215,78)
```
#d1e045
```
#d1e045 rgb(209,224,69)
```
#d7e83d
```
#d7e83d rgb(215,232,61)
```
#def035
```
#def035 rgb(222,240,53)
```
#e5f92c
```
#e5f92c rgb(229,249,44)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adaea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b474 Protanopia 1% of men
#d7ad7a Deuteranopia 1% of men
#bcb1bd Tritanopia 0.001% of the population

Trichromacy

#bcb572 Protanomaly 1% of men, 0.01% of women
#c8b076 Deuteranomaly 6% of men, 0.4% of women
#b7b2a1 Tritanomaly 0.01% of the population

#afb66f hex color

#afb66f Color Information

#afb66f Color Conversion

Color Schemes with #afb66f

Alternatives to #afb66f

#afb66f Preview

Shades and Tints of #afb66f

Tones of #afb66f

Color Blindness Simulator