#afa57b hex color

In a RGB color space, hex #afa57b is composed of 68.6% red, 64.7% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 29.7% yellow and 31.4% black. It has a hue angle of 48.5 degrees, a saturation of 24.5% and a lightness of 58.4%. #afa57b color hex could be obtained by blending #fffff6 with #5f4b00. Closest websafe color is: #999966.

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

● #afa57b color description : Mostly desaturated dark yellow.

The hexadecimal color #afa57b has RGB values of R:175, G:165, B:123 and CMYK values of C:0, M:0.06, Y:0.3, K:0.31. Its decimal value is 11511163.

Hex triplet	afa57b	`#afa57b`
RGB Decimal	175, 165, 123	`rgb(175,165,123)`
RGB Percent	68.6, 64.7, 48.2	`rgb(68.6%,64.7%,48.2%)`
CMYK	0, 6, 30, 31
HSL	48.5°, 24.5, 58.4	`hsl(48.5,24.5%,58.4%)`
HSV (or HSB)	48.5°, 29.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.617, -3.031, 23.121
XYZ	34.709, 37.455, 24.139
xyY	0.36, 0.389, 37.455
CIE-LCH	67.617, 23.319, 97.469
CIE-LUV	67.617, 8.53, 31.275
Hunter-Lab	61.2, -5.867, 19.455
Binary	10101111, 10100101, 01111011

#afa57b
```
#afa57b rgb(175,165,123)
```
#7b85af
```
#7b85af rgb(123,133,175)
```

Complementary Color

#af8b7b
```
#af8b7b rgb(175,139,123)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#9faf7b
```
#9faf7b rgb(159,175,123)
```

Analogous Color

#8b7baf
```
#8b7baf rgb(139,123,175)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#7b9faf
```
#7b9faf rgb(123,159,175)
```

Split Complementary Color

#a57baf
```
#a57baf rgb(165,123,175)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#7bafa5
```
#7bafa5 rgb(123,175,165)
```

Triadic Color

#af7b85
```
#af7b85 rgb(175,123,133)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#7bafa5
```
#7bafa5 rgb(123,175,165)
```
#7b85af
```
#7b85af rgb(123,133,175)
```

Tetradic Color

#8a7f54
```
#8a7f54 rgb(138,127,84)
```
#9a8e5d
```
#9a8e5d rgb(154,142,93)
```
#a59a6b
```
#a59a6b rgb(165,154,107)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#b9b08b
```
#b9b08b rgb(185,176,139)
```
#c2bb9b
```
#c2bb9b rgb(194,187,155)
```
#ccc5ab
```
#ccc5ab rgb(204,197,171)
```

Monochromatic Color

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

#af987b
```
#af987b rgb(175,152,123)
```
#af9c7b
```
#af9c7b rgb(175,156,123)
```
#afa17b
```
#afa17b rgb(175,161,123)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#afa97b
```
#afa97b rgb(175,169,123)
```
#afae7b
```
#afae7b rgb(175,174,123)
```
#acaf7b
```
#acaf7b rgb(172,175,123)
```

Similar Colors

Text with hexadecimal color #afa57b

This text has a font color of #afa57b.

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

#afa57b background color

This paragraph has a background color of #afa57b.

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

#afa57b border color

This element has a border color of #afa57b.

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

CSS codes

.text {color:#afa57b;}

.background {background-color:#afa57b;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0d09
```
#0f0d09 rgb(15,13,9)
```
#1b1910
```
#1b1910 rgb(27,25,16)
```
#272418
```
#272418 rgb(39,36,24)
```
#332f1f
```
#332f1f rgb(51,47,31)
```
#3f3b26
```
#3f3b26 rgb(63,59,38)
```
#4c462e
```
#4c462e rgb(76,70,46)
```
#585135
```
#585135 rgb(88,81,53)
```
#645c3d
```
#645c3d rgb(100,92,61)
```
#706844
```
#706844 rgb(112,104,68)
```
#7c734b
```
#7c734b rgb(124,115,75)
```
#897e53
```
#897e53 rgb(137,126,83)
```
#958a5a
```
#958a5a rgb(149,138,90)
```

Shade Color Variation

#a09463
```
#a09463 rgb(160,148,99)
```
#a89d6f
```
#a89d6f rgb(168,157,111)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#b6ad87
```
#b6ad87 rgb(182,173,135)
```
#beb693
```
#beb693 rgb(190,182,147)
```
#c5bea0
```
#c5bea0 rgb(197,190,160)
```
#cdc6ac
```
#cdc6ac rgb(205,198,172)
```
#d4cfb8
```
#d4cfb8 rgb(212,207,184)
```
#dbd7c4
```
#dbd7c4 rgb(219,215,196)
```
#e3dfd0
```
#e3dfd0 rgb(227,223,208)
```
#eae8dd
```
#eae8dd rgb(234,232,221)
```
#f2f0e9
```
#f2f0e9 rgb(242,240,233)
```
#f9f8f5
```
#f9f8f5 rgb(249,248,245)
```

Tint Color Variation

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

#979693
```
#979693 rgb(151,150,147)
```
#9f9b8b
```
#9f9b8b rgb(159,155,139)
```
#a7a083
```
#a7a083 rgb(167,160,131)
```
#afa57b
```
#afa57b rgb(175,165,123)
```
#b7aa73
```
#b7aa73 rgb(183,170,115)
```
#bfaf6b
```
#bfaf6b rgb(191,175,107)
```
#c7b463
```
#c7b463 rgb(199,180,99)
```
#d0b95a
```
#d0b95a rgb(208,185,90)
```
#d8be52
```
#d8be52 rgb(216,190,82)
```
#e0c34a
```
#e0c34a rgb(224,195,74)
```
#e8c842
```
#e8c842 rgb(232,200,66)
```
#f0cd3a
```
#f0cd3a rgb(240,205,58)
```
#f8d232
```
#f8d232 rgb(248,210,50)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a39b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a981 Protanopia 1% of men
#c5a283 Deuteranopia 1% of men
#b9a3af Tritanopia 0.001% of the population

Trichromacy

#b2a77f Protanomaly 1% of men, 0.01% of women
#bda380 Deuteranomaly 6% of men, 0.4% of women
#b5a49c Tritanomaly 0.01% of the population

#afa57b hex color

#afa57b Color Information

#afa57b Color Conversion

Color Schemes with #afa57b

Alternatives to #afa57b

#afa57b Preview

Shades and Tints of #afa57b

Tones of #afa57b

Color Blindness Simulator