#afa756 hex color

In a RGB color space, hex #afa756 is composed of 68.6% red, 65.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.6% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 54.6 degrees, a saturation of 35.7% and a lightness of 51.2%. #afa756 color hex could be obtained by blending #ffffac with #5f4f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 65
- B 34
RGB color chart
- C 0
- M 5
- Y 51
- K 31
CMYK color chart

● #afa756 color description : Dark moderate yellow.

The hexadecimal color #afa756 has RGB values of R:175, G:167, B:86 and CMYK values of C:0, M:0.05, Y:0.51, K:0.31. Its decimal value is 11511638.

Hex triplet	afa756	`#afa756`
RGB Decimal	175, 167, 86	`rgb(175,167,86)`
RGB Percent	68.6, 65.5, 33.7	`rgb(68.6%,65.5%,33.7%)`
CMYK	0, 5, 51, 31
HSL	54.6°, 35.7, 51.2	`hsl(54.6,35.7%,51.2%)`
HSV (or HSB)	54.6°, 50.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.594, -8.268, 42.515
XYZ	33.178, 37.424, 14.279
xyY	0.391, 0.441, 37.424
CIE-LCH	67.594, 43.311, 101.005
CIE-LUV	67.594, 9.116, 52.816
Hunter-Lab	61.175, -10.249, 28.983
Binary	10101111, 10100111, 01010110

#afa756
```
#afa756 rgb(175,167,86)
```
#565eaf
```
#565eaf rgb(86,94,175)
```

Complementary Color

#af7b56
```
#af7b56 rgb(175,123,86)
```
#afa756
```
#afa756 rgb(175,167,86)
```
#8baf56
```
#8baf56 rgb(139,175,86)
```

Analogous Color

#7b56af
```
#7b56af rgb(123,86,175)
```
#afa756
```
#afa756 rgb(175,167,86)
```
#568baf
```
#568baf rgb(86,139,175)
```

Split Complementary Color

#a756af
```
#a756af rgb(167,86,175)
```
#afa756
```
#afa756 rgb(175,167,86)
```
#56afa7
```
#56afa7 rgb(86,175,167)
```

Triadic Color

#af565e
```
#af565e rgb(175,86,94)
```
#afa756
```
#afa756 rgb(175,167,86)
```
#56afa7
```
#56afa7 rgb(86,175,167)
```
#565eaf
```
#565eaf rgb(86,94,175)
```

Tetradic Color

#7d773b
```
#7d773b rgb(125,119,59)
```
#8f8843
```
#8f8843 rgb(143,136,67)
```
#a0984c
```
#a0984c rgb(160,152,76)
```
#afa756
```
#afa756 rgb(175,167,86)
```
#b7b067
```
#b7b067 rgb(183,176,103)
```
#bfb979
```
#bfb979 rgb(191,185,121)
```
#c8c28a
```
#c8c28a rgb(200,194,138)
```

Monochromatic Color

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

#af9156
```
#af9156 rgb(175,145,86)
```
#af9856
```
#af9856 rgb(175,152,86)
```
#afa056
```
#afa056 rgb(175,160,86)
```
#afa756
```
#afa756 rgb(175,167,86)
```
#afae56
```
#afae56 rgb(175,174,86)
```
#a8af56
```
#a8af56 rgb(168,175,86)
```
#a1af56
```
#a1af56 rgb(161,175,86)
```

Similar Colors

Text with hexadecimal color #afa756

This text has a font color of #afa756.

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

#afa756 background color

This paragraph has a background color of #afa756.

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

#afa756 border color

This element has a border color of #afa756.

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

CSS codes

.text {color:#afa756;}

.background {background-color:#afa756;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#111108
```
#111108 rgb(17,17,8)
```
#1f1d0f
```
#1f1d0f rgb(31,29,15)
```
#2c2a15
```
#2c2a15 rgb(44,42,21)
```
#39371b
```
#39371b rgb(57,55,27)
```
#474321
```
#474321 rgb(71,67,33)
```
#545028
```
#545028 rgb(84,80,40)
```
#615d2e
```
#615d2e rgb(97,93,46)
```
#6f6934
```
#6f6934 rgb(111,105,52)
```
#7c763b
```
#7c763b rgb(124,118,59)
```
#898341
```
#898341 rgb(137,131,65)
```
#978f47
```
#978f47 rgb(151,143,71)
```
#a49c4e
```
#a49c4e rgb(164,156,78)
```

Shade Color Variation

#afa756
```
#afa756 rgb(175,167,86)
```
#b5ae63
```
#b5ae63 rgb(181,174,99)
```
#bcb571
```
#bcb571 rgb(188,181,113)
```
#c2bc7e
```
#c2bc7e rgb(194,188,126)
```
#c8c38b
```
#c8c38b rgb(200,195,139)
```
#cfca99
```
#cfca99 rgb(207,202,153)
```
#d5d1a6
```
#d5d1a6 rgb(213,209,166)
```
#dbd8b3
```
#dbd8b3 rgb(219,216,179)
```
#e1dec1
```
#e1dec1 rgb(225,222,193)
```
#e8e5ce
```
#e8e5ce rgb(232,229,206)
```
#eeecdb
```
#eeecdb rgb(238,236,219)
```
#f4f3e8
```
#f4f3e8 rgb(244,243,232)
```
#fbfaf6
```
#fbfaf6 rgb(251,250,246)
```

Tint Color Variation

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

#89887c
```
#89887c rgb(137,136,124)
```
#928f73
```
#928f73 rgb(146,143,115)
```
#9c9769
```
#9c9769 rgb(156,151,105)
```
#a59f60
```
#a59f60 rgb(165,159,96)
```
#afa756
```
#afa756 rgb(175,167,86)
```
#b9af4c
```
#b9af4c rgb(185,175,76)
```
#c2b743
```
#c2b743 rgb(194,183,67)
```
#ccbf39
```
#ccbf39 rgb(204,191,57)
```
#d5c630
```
#d5c630 rgb(213,198,48)
```
#dfce26
```
#dfce26 rgb(223,206,38)
```
#e8d61d
```
#e8d61d rgb(232,214,29)
```
#f2de13
```
#f2de13 rgb(242,222,19)
```
#fce609
```
#fce609 rgb(252,230,9)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a3a191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a95e Protanopia 1% of men
#cda261 Deuteranopia 1% of men
#bca2ae Tritanopia 0.001% of the population

Trichromacy

#b5a85b Protanomaly 1% of men, 0.01% of women
#c2a35d Deuteranomaly 6% of men, 0.4% of women
#b7a48e Tritanomaly 0.01% of the population

#afa756 hex color

#afa756 Color Information

#afa756 Color Conversion

Color Schemes with #afa756

Alternatives to #afa756

#afa756 Preview

Shades and Tints of #afa756

Tones of #afa756

Color Blindness Simulator