#afa564 hex color

In a RGB color space, hex #afa564 is composed of 68.6% red, 64.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 42.9% yellow and 31.4% black. It has a hue angle of 52 degrees, a saturation of 31.9% and a lightness of 53.9%. #afa564 color hex could be obtained by blending #ffffc8 with #5f4b00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 65
- B 39
RGB color chart
- C 0
- M 6
- Y 43
- K 31
CMYK color chart

● #afa564 color description : Mostly desaturated dark yellow.

The hexadecimal color #afa564 has RGB values of R:175, G:165, B:100 and CMYK values of C:0, M:0.06, Y:0.43, K:0.31. Its decimal value is 11511140.

Hex triplet	afa564	`#afa564`
RGB Decimal	175, 165, 100	`rgb(175,165,100)`
RGB Percent	68.6, 64.7, 39.2	`rgb(68.6%,64.7%,39.2%)`
CMYK	0, 6, 43, 31
HSL	52°, 31.9, 53.9	`hsl(52,31.9%,53.9%)`
HSV (or HSB)	52°, 42.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.236, -5.818, 34.924
XYZ	33.434, 36.945, 17.426
xyY	0.381, 0.421, 36.945
CIE-LCH	67.236, 35.405, 99.458
CIE-LUV	67.236, 9.756, 44.835
Hunter-Lab	60.782, -8.182, 25.55
Binary	10101111, 10100101, 01100100

#afa564
```
#afa564 rgb(175,165,100)
```
#646eaf
```
#646eaf rgb(100,110,175)
```

Complementary Color

#af8064
```
#af8064 rgb(175,128,100)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#94af64
```
#94af64 rgb(148,175,100)
```

Analogous Color

#8064af
```
#8064af rgb(128,100,175)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#6494af
```
#6494af rgb(100,148,175)
```

Split Complementary Color

#a564af
```
#a564af rgb(165,100,175)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#64afa5
```
#64afa5 rgb(100,175,165)
```

Triadic Color

#af646e
```
#af646e rgb(175,100,110)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#64afa5
```
#64afa5 rgb(100,175,165)
```
#646eaf
```
#646eaf rgb(100,110,175)
```

Tetradic Color

#837a44
```
#837a44 rgb(131,122,68)
```
#948a4c
```
#948a4c rgb(148,138,76)
```
#a59a55
```
#a59a55 rgb(165,154,85)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#b8af75
```
#b8af75 rgb(184,175,117)
```
#c0b986
```
#c0b986 rgb(192,185,134)
```
#c9c296
```
#c9c296 rgb(201,194,150)
```

Monochromatic Color

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

#af9264
```
#af9264 rgb(175,146,100)
```
#af9964
```
#af9964 rgb(175,153,100)
```
#af9f64
```
#af9f64 rgb(175,159,100)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#afab64
```
#afab64 rgb(175,171,100)
```
#adaf64
```
#adaf64 rgb(173,175,100)
```
#a6af64
```
#a6af64 rgb(166,175,100)
```

Similar Colors

Text with hexadecimal color #afa564

This text has a font color of #afa564.

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

#afa564 background color

This paragraph has a background color of #afa564.

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

#afa564 border color

This element has a border color of #afa564.

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

CSS codes

.text {color:#afa564;}

.background {background-color:#afa564;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0c07
```
#0d0c07 rgb(13,12,7)
```
#1a180d
```
#1a180d rgb(26,24,13)
```
#272514
```
#272514 rgb(39,37,20)
```
#34311b
```
#34311b rgb(52,49,27)
```
#413d22
```
#413d22 rgb(65,61,34)
```
#4e4928
```
#4e4928 rgb(78,73,40)
```
#5b552f
```
#5b552f rgb(91,85,47)
```
#686136
```
#686136 rgb(104,97,54)
```
#756d3c
```
#756d3c rgb(117,109,60)
```
#827943
```
#827943 rgb(130,121,67)
```
#8f854a
```
#8f854a rgb(143,133,74)
```
#9c9150
```
#9c9150 rgb(156,145,80)
```

Shade Color Variation

#a89d57
```
#a89d57 rgb(168,157,87)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#b6ad71
```
#b6ad71 rgb(182,173,113)
```
#bcb47e
```
#bcb47e rgb(188,180,126)
```
#c3bc8b
```
#c3bc8b rgb(195,188,139)
```
#cac398
```
#cac398 rgb(202,195,152)
```
#d0cba5
```
#d0cba5 rgb(208,203,165)
```
#d7d2b2
```
#d7d2b2 rgb(215,210,178)
```
#dedabf
```
#dedabf rgb(222,218,191)
```
#e4e1cc
```
#e4e1cc rgb(228,225,204)
```
#ebe9d8
```
#ebe9d8 rgb(235,233,216)
```
#f2f0e5
```
#f2f0e5 rgb(242,240,229)
```
#f8f8f2
```
#f8f8f2 rgb(248,248,242)
```

Tint Color Variation

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

#8b8a88
```
#8b8a88 rgb(139,138,136)
```
#94917f
```
#94917f rgb(148,145,127)
```
#9d9876
```
#9d9876 rgb(157,152,118)
```
#a69e6d
```
#a69e6d rgb(166,158,109)
```
#afa564
```
#afa564 rgb(175,165,100)
```
#b8ac5b
```
#b8ac5b rgb(184,172,91)
```
#c1b252
```
#c1b252 rgb(193,178,82)
```
#cab949
```
#cab949 rgb(202,185,73)
```
#d3c040
```
#d3c040 rgb(211,192,64)
```
#dcc637
```
#dcc637 rgb(220,198,55)
```
#e5cd2e
```
#e5cd2e rgb(229,205,46)
```
#eed325
```
#eed325 rgb(238,211,37)
```
#f7da1c
```
#f7da1c rgb(247,218,28)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a86b Protanopia 1% of men
#c9a16e Deuteranopia 1% of men
#bba1ad Tritanopia 0.001% of the population

Trichromacy

#b4a768 Protanomaly 1% of men, 0.01% of women
#bfa26a Deuteranomaly 6% of men, 0.4% of women
#b6a292 Tritanomaly 0.01% of the population

#afa564 hex color

#afa564 Color Information

#afa564 Color Conversion

Color Schemes with #afa564

Alternatives to #afa564

#afa564 Preview

Shades and Tints of #afa564

Tones of #afa564

Color Blindness Simulator