#afa858 hex color

In a RGB color space, hex #afa858 is composed of 68.6% red, 65.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4% magenta, 49.7% yellow and 31.4% black. It has a hue angle of 55.2 degrees, a saturation of 35.2% and a lightness of 51.6%. #afa858 color hex could be obtained by blending #ffffb0 with #5f5100. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 66
- B 35
RGB color chart
- C 0
- M 4
- Y 50
- K 31
CMYK color chart

● #afa858 color description : Dark moderate yellow.

The hexadecimal color #afa858 has RGB values of R:175, G:168, B:88 and CMYK values of C:0, M:0.04, Y:0.5, K:0.31. Its decimal value is 11511896.

Hex triplet	afa858	`#afa858`
RGB Decimal	175, 168, 88	`rgb(175,168,88)`
RGB Percent	68.6, 65.9, 34.5	`rgb(68.6%,65.9%,34.5%)`
CMYK	0, 4, 50, 31
HSL	55.2°, 35.2, 51.6	`hsl(55.2,35.2%,51.6%)`
HSV (or HSB)	55.2°, 49.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.891, -8.612, 41.874
XYZ	33.443, 37.824, 14.771
xyY	0.389, 0.44, 37.824
CIE-LCH	67.891, 42.75, 101.621
CIE-LUV	67.891, 8.402, 52.378
Hunter-Lab	61.502, -10.564, 28.811
Binary	10101111, 10101000, 01011000

#afa858
```
#afa858 rgb(175,168,88)
```
#585faf
```
#585faf rgb(88,95,175)
```

Complementary Color

#af7d58
```
#af7d58 rgb(175,125,88)
```
#afa858
```
#afa858 rgb(175,168,88)
```
#8baf58
```
#8baf58 rgb(139,175,88)
```

Analogous Color

#7d58af
```
#7d58af rgb(125,88,175)
```
#afa858
```
#afa858 rgb(175,168,88)
```
#588baf
```
#588baf rgb(88,139,175)
```

Split Complementary Color

#a858af
```
#a858af rgb(168,88,175)
```
#afa858
```
#afa858 rgb(175,168,88)
```
#58afa8
```
#58afa8 rgb(88,175,168)
```

Triadic Color

#af585f
```
#af585f rgb(175,88,95)
```
#afa858
```
#afa858 rgb(175,168,88)
```
#58afa8
```
#58afa8 rgb(88,175,168)
```
#585faf
```
#585faf rgb(88,95,175)
```

Tetradic Color

#7e793c
```
#7e793c rgb(126,121,60)
```
#8f8945
```
#8f8945 rgb(143,137,69)
```
#a19a4d
```
#a19a4d rgb(161,154,77)
```
#afa858
```
#afa858 rgb(175,168,88)
```
#b7b169
```
#b7b169 rgb(183,177,105)
```
#c0ba7a
```
#c0ba7a rgb(192,186,122)
```
#c8c38c
```
#c8c38c rgb(200,195,140)
```

Monochromatic Color

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

#af9258
```
#af9258 rgb(175,146,88)
```
#af9a58
```
#af9a58 rgb(175,154,88)
```
#afa158
```
#afa158 rgb(175,161,88)
```
#afa858
```
#afa858 rgb(175,168,88)
```
#afaf58
```
#afaf58 rgb(175,175,88)
```
#a8af58
```
#a8af58 rgb(168,175,88)
```
#a0af58
```
#a0af58 rgb(160,175,88)
```

Similar Colors

Text with hexadecimal color #afa858

This text has a font color of #afa858.

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

#afa858 background color

This paragraph has a background color of #afa858.

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

#afa858 border color

This element has a border color of #afa858.

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

CSS codes

.text {color:#afa858;}

.background {background-color:#afa858;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#131209
```
#131209 rgb(19,18,9)
```
#201f0f
```
#201f0f rgb(32,31,15)
```
#2d2b16
```
#2d2b16 rgb(45,43,22)
```
#3a381c
```
#3a381c rgb(58,56,28)
```
#484522
```
#484522 rgb(72,69,34)
```
#555129
```
#555129 rgb(85,81,41)
```
#625e2f
```
#625e2f rgb(98,94,47)
```
#706b35
```
#706b35 rgb(112,107,53)
```
#7d783c
```
#7d783c rgb(125,120,60)
```
#8a8442
```
#8a8442 rgb(138,132,66)
```
#979148
```
#979148 rgb(151,145,72)
```
#a59e4f
```
#a59e4f rgb(165,158,79)
```

Shade Color Variation

#afa858
```
#afa858 rgb(175,168,88)
```
#b5af65
```
#b5af65 rgb(181,175,101)
```
#bcb673
```
#bcb673 rgb(188,182,115)
```
#c2bd80
```
#c2bd80 rgb(194,189,128)
```
#c8c48d
```
#c8c48d rgb(200,196,141)
```
#cfcb9a
```
#cfcb9a rgb(207,203,154)
```
#d5d1a8
```
#d5d1a8 rgb(213,209,168)
```
#dbd8b5
```
#dbd8b5 rgb(219,216,181)
```
#e2dfc2
```
#e2dfc2 rgb(226,223,194)
```
#e8e6cf
```
#e8e6cf rgb(232,230,207)
```
#efeddd
```
#efeddd rgb(239,237,221)
```
#f5f4ea
```
#f5f4ea rgb(245,244,234)
```
#fbfbf7
```
#fbfbf7 rgb(251,251,247)
```

Tint Color Variation

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

#89887e
```
#89887e rgb(137,136,126)
```
#939075
```
#939075 rgb(147,144,117)
```
#9c986b
```
#9c986b rgb(156,152,107)
```
#a6a062
```
#a6a062 rgb(166,160,98)
```
#afa858
```
#afa858 rgb(175,168,88)
```
#b9b04f
```
#b9b04f rgb(185,176,79)
```
#c2b845
```
#c2b845 rgb(194,184,69)
```
#ccc03c
```
#ccc03c rgb(204,192,60)
```
#d5c832
```
#d5c832 rgb(213,200,50)
```
#dfd029
```
#dfd029 rgb(223,208,41)
```
#e8d81f
```
#e8d81f rgb(232,216,31)
```
#f2e016
```
#f2e016 rgb(242,224,22)
```
#fbe80c
```
#fbe80c rgb(251,232,12)
```

Tone Color Variation

Below, you can see how #afa858 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
#a4a292 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaa5f Protanopia 1% of men
#cda263 Deuteranopia 1% of men
#bca3af Tritanopia 0.001% of the population

Trichromacy

#b6a95d Protanomaly 1% of men, 0.01% of women
#c2a45f Deuteranomaly 6% of men, 0.4% of women
#b7a58f Tritanomaly 0.01% of the population

#afa858 hex color

#afa858 Color Information

#afa858 Color Conversion

Color Schemes with #afa858

Alternatives to #afa858

#afa858 Preview

Shades and Tints of #afa858

Tones of #afa858

Color Blindness Simulator