#afb566 hex color

In a RGB color space, hex #afb566 is composed of 68.6% red, 71% green and 40% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 43.6% yellow and 29% black. It has a hue angle of 64.6 degrees, a saturation of 34.8% and a lightness of 55.5%. #afb566 color hex could be obtained by blending #ffffcc with #5f6b00. Closest websafe color is: #99cc66.

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

● #afb566 color description : Slightly desaturated yellow.

The hexadecimal color #afb566 has RGB values of R:175, G:181, B:102 and CMYK values of C:0.03, M:0, Y:0.44, K:0.29. Its decimal value is 11515238.

Hex triplet	afb566	`#afb566`
RGB Decimal	175, 181, 102	`rgb(175,181,102)`
RGB Percent	68.6, 71, 40	`rgb(68.6%,71%,40%)`
CMYK	3, 0, 44, 29
HSL	64.6°, 34.8, 55.5	`hsl(64.6,34.8%,55.5%)`
HSV (or HSB)	64.6°, 43.6, 71
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.637, -13.981, 39.406
XYZ	36.601, 43.121, 18.965
xyY	0.371, 0.437, 43.121
CIE-LCH	71.637, 41.812, 109.535
CIE-LUV	71.637, -0.075, 52.048
Hunter-Lab	65.667, -15.426, 28.844
Binary	10101111, 10110101, 01100110

#afb566
```
#afb566 rgb(175,181,102)
```
#6c66b5
```
#6c66b5 rgb(108,102,181)
```

Complementary Color

#b59466
```
#b59466 rgb(181,148,102)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#88b566
```
#88b566 rgb(136,181,102)
```

Analogous Color

#9466b5
```
#9466b5 rgb(148,102,181)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#6688b5
```
#6688b5 rgb(102,136,181)
```

Split Complementary Color

#b566af
```
#b566af rgb(181,102,175)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#66afb5
```
#66afb5 rgb(102,175,181)
```

Triadic Color

#b56c66
```
#b56c66 rgb(181,108,102)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#66afb5
```
#66afb5 rgb(102,175,181)
```
#6c66b5
```
#6c66b5 rgb(108,102,181)
```

Tetradic Color

#868b43
```
#868b43 rgb(134,139,67)
```
#969c4c
```
#969c4c rgb(150,156,76)
```
#a6ad55
```
#a6ad55 rgb(166,173,85)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#b8bd77
```
#b8bd77 rgb(184,189,119)
```
#c1c688
```
#c1c688 rgb(193,198,136)
```
#cace9a
```
#cace9a rgb(202,206,154)
```

Monochromatic Color

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

#b5a766
```
#b5a766 rgb(181,167,102)
```
#b5ae66
```
#b5ae66 rgb(181,174,102)
```
#b5b466
```
#b5b466 rgb(181,180,102)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#a8b566
```
#a8b566 rgb(168,181,102)
```
#a2b566
```
#a2b566 rgb(162,181,102)
```
#9bb566
```
#9bb566 rgb(155,181,102)
```

Similar Colors

Text with hexadecimal color #afb566

This text has a font color of #afb566.

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

#afb566 background color

This paragraph has a background color of #afb566.

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

#afb566 border color

This element has a border color of #afb566.

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

CSS codes

.text {color:#afb566;}

.background {background-color:#afb566;}

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

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

#050603
```
#050603 rgb(5,6,3)
```
#121309
```
#121309 rgb(18,19,9)
```
#1f2010
```
#1f2010 rgb(31,32,16)
```
#2c2d16
```
#2c2d16 rgb(44,45,22)
```
#383b1c
```
#383b1c rgb(56,59,28)
```
#454823
```
#454823 rgb(69,72,35)
```
#525529
```
#525529 rgb(82,85,41)
```
#5e622f
```
#5e622f rgb(94,98,47)
```
#6b6f36
```
#6b6f36 rgb(107,111,54)
```
#787d3c
```
#787d3c rgb(120,125,60)
```
#848a43
```
#848a43 rgb(132,138,67)
```
#919749
```
#919749 rgb(145,151,73)
```
#9ea44f
```
#9ea44f rgb(158,164,79)
```

Shade Color Variation

#a8af59
```
#a8af59 rgb(168,175,89)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#b6bb73
```
#b6bb73 rgb(182,187,115)
```
#bdc280
```
#bdc280 rgb(189,194,128)
```
#c4c88e
```
#c4c88e rgb(196,200,142)
```
#cbcf9b
```
#cbcf9b rgb(203,207,155)
```
#d2d5a8
```
#d2d5a8 rgb(210,213,168)
```
#d8dbb5
```
#d8dbb5 rgb(216,219,181)
```
#dfe2c3
```
#dfe2c3 rgb(223,226,195)
```
#e6e8d0
```
#e6e8d0 rgb(230,232,208)
```
#edefdd
```
#edefdd rgb(237,239,221)
```
#f4f5ea
```
#f4f5ea rgb(244,245,234)
```
#fbfbf7
```
#fbfbf7 rgb(251,251,247)
```

Tint Color Variation

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

#919289
```
#919289 rgb(145,146,137)
```
#999b80
```
#999b80 rgb(153,155,128)
```
#a0a477
```
#a0a477 rgb(160,164,119)
```
#a8ac6f
```
#a8ac6f rgb(168,172,111)
```
#afb566
```
#afb566 rgb(175,181,102)
```
#b6be5d
```
#b6be5d rgb(182,190,93)
```
#bec655
```
#bec655 rgb(190,198,85)
```
#c5cf4c
```
#c5cf4c rgb(197,207,76)
```
#cdd843
```
#cdd843 rgb(205,216,67)
```
#d4e13a
```
#d4e13a rgb(212,225,58)
```
#dbe932
```
#dbe932 rgb(219,233,50)
```
#e3f229
```
#e3f229 rgb(227,242,41)
```
#eafb20
```
#eafb20 rgb(234,251,32)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abac9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b36c Protanopia 1% of men
#d7ac72 Deuteranopia 1% of men
#bdafbc Tritanopia 0.001% of the population

Trichromacy

#bcb469 Protanomaly 1% of men, 0.01% of women
#c8af6d Deuteranomaly 6% of men, 0.4% of women
#b8b19c Tritanomaly 0.01% of the population

#afb566 hex color

#afb566 Color Information

#afb566 Color Conversion

Color Schemes with #afb566

Alternatives to #afb566

#afb566 Preview

Shades and Tints of #afb566

Tones of #afb566

Color Blindness Simulator