#afa55f hex color

In a RGB color space, hex #afa55f is composed of 68.6% red, 64.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 45.7% yellow and 31.4% black. It has a hue angle of 52.5 degrees, a saturation of 33.3% and a lightness of 52.9%. #afa55f color hex could be obtained by blending #ffffbe with #5f4b00. Closest websafe color is: #999966.

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

● #afa55f color description : Dark moderate yellow.

The hexadecimal color #afa55f has RGB values of R:175, G:165, B:95 and CMYK values of C:0, M:0.06, Y:0.46, K:0.31. Its decimal value is 11511135.

Hex triplet	afa55f	`#afa55f`
RGB Decimal	175, 165, 95	`rgb(175,165,95)`
RGB Percent	68.6, 64.7, 37.3	`rgb(68.6%,64.7%,37.3%)`
CMYK	0, 6, 46, 31
HSL	52.5°, 33.3, 52.9	`hsl(52.5,33.3%,52.9%)`
HSV (or HSB)	52.5°, 45.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	67.165, -6.341, 37.432
XYZ	33.2, 36.851, 16.19
xyY	0.385, 0.427, 36.851
CIE-LCH	67.165, 37.966, 99.615
CIE-LUV	67.165, 9.993, 47.451
Hunter-Lab	60.705, -8.612, 26.681
Binary	10101111, 10100101, 01011111

#afa55f
```
#afa55f rgb(175,165,95)
```
#5f69af
```
#5f69af rgb(95,105,175)
```

Complementary Color

#af7d5f
```
#af7d5f rgb(175,125,95)
```
#afa55f
```
#afa55f rgb(175,165,95)
```
#91af5f
```
#91af5f rgb(145,175,95)
```

Analogous Color

#7d5faf
```
#7d5faf rgb(125,95,175)
```
#afa55f
```
#afa55f rgb(175,165,95)
```
#5f91af
```
#5f91af rgb(95,145,175)
```

Split Complementary Color

#a55faf
```
#a55faf rgb(165,95,175)
```
#afa55f
```
#afa55f rgb(175,165,95)
```
#5fafa5
```
#5fafa5 rgb(95,175,165)
```

Triadic Color

#af5f69
```
#af5f69 rgb(175,95,105)
```
#afa55f
```
#afa55f rgb(175,165,95)
```
#5fafa5
```
#5fafa5 rgb(95,175,165)
```
#5f69af
```
#5f69af rgb(95,105,175)
```

Tetradic Color

#817941
```
#817941 rgb(129,121,65)
```
#928949
```
#928949 rgb(146,137,73)
```
#a39952
```
#a39952 rgb(163,153,82)
```
#afa55f
```
#afa55f rgb(175,165,95)
```
#b8af70
```
#b8af70 rgb(184,175,112)
```
#c0b881
```
#c0b881 rgb(192,184,129)
```
#c9c292
```
#c9c292 rgb(201,194,146)
```

Monochromatic Color

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

#af915f
```
#af915f rgb(175,145,95)
```
#af985f
```
#af985f rgb(175,152,95)
```
#af9e5f
```
#af9e5f rgb(175,158,95)
```
#afa55f
```
#afa55f rgb(175,165,95)
```
#afac5f
```
#afac5f rgb(175,172,95)
```
#acaf5f
```
#acaf5f rgb(172,175,95)
```
#a5af5f
```
#a5af5f rgb(165,175,95)
```

Similar Colors

Text with hexadecimal color #afa55f

This text has a font color of #afa55f.

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

#afa55f background color

This paragraph has a background color of #afa55f.

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

#afa55f border color

This element has a border color of #afa55f.

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

CSS codes

.text {color:#afa55f;}

.background {background-color:#afa55f;}

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

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, #0a0905 is the darkest color, while #fdfdfc is the lightest one.

#0a0905
```
#0a0905 rgb(10,9,5)
```
#17160c
```
#17160c rgb(23,22,12)
```
#242212
```
#242212 rgb(36,34,18)
```
#312e19
```
#312e19 rgb(49,46,25)
```
#3e3a1f
```
#3e3a1f rgb(62,58,31)
```
#4b4726
```
#4b4726 rgb(75,71,38)
```
#58532c
```
#58532c rgb(88,83,44)
```
#665f33
```
#665f33 rgb(102,95,51)
```
#736b39
```
#736b39 rgb(115,107,57)
```
#807840
```
#807840 rgb(128,120,64)
```
#8d8446
```
#8d8446 rgb(141,132,70)
```
#9a904d
```
#9a904d rgb(154,144,77)
```
#a79c53
```
#a79c53 rgb(167,156,83)
```

Shade Color Variation

#afa55f
```
#afa55f rgb(175,165,95)
```
#b6ac6c
```
#b6ac6c rgb(182,172,108)
```
#bcb479
```
#bcb479 rgb(188,180,121)
```
#c3bb86
```
#c3bb86 rgb(195,187,134)
```
#c9c293
```
#c9c293 rgb(201,194,147)
```
#d0caa0
```
#d0caa0 rgb(208,202,160)
```
#d6d1ad
```
#d6d1ad rgb(214,209,173)
```
#ddd8bb
```
#ddd8bb rgb(221,216,187)
```
#e3e0c8
```
#e3e0c8 rgb(227,224,200)
```
#eae7d5
```
#eae7d5 rgb(234,231,213)
```
#f0efe2
```
#f0efe2 rgb(240,239,226)
```
#f7f6ef
```
#f7f6ef rgb(247,246,239)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#8a8984
```
#8a8984 rgb(138,137,132)
```
#93907b
```
#93907b rgb(147,144,123)
```
#9d9771
```
#9d9771 rgb(157,151,113)
```
#a69e68
```
#a69e68 rgb(166,158,104)
```
#afa55f
```
#afa55f rgb(175,165,95)
```
#b8ac56
```
#b8ac56 rgb(184,172,86)
```
#c1b34d
```
#c1b34d rgb(193,179,77)
```
#cbba43
```
#cbba43 rgb(203,186,67)
```
#d4c13a
```
#d4c13a rgb(212,193,58)
```
#ddc831
```
#ddc831 rgb(221,200,49)
```
#e6cf28
```
#e6cf28 rgb(230,207,40)
```
#f0d51e
```
#f0d51e rgb(240,213,30)
```
#f9dc15
```
#f9dc15 rgb(249,220,21)
```

Tone Color Variation

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

Dichromacy

#b7a866 Protanopia 1% of men
#caa16a Deuteranopia 1% of men
#bba1ac Tritanopia 0.001% of the population

Trichromacy

#b4a763 Protanomaly 1% of men, 0.01% of women
#c0a266 Deuteranomaly 6% of men, 0.4% of women
#b6a290 Tritanomaly 0.01% of the population

#afa55f hex color

#afa55f Color Information

#afa55f Color Conversion

Color Schemes with #afa55f

Alternatives to #afa55f

#afa55f Preview

Shades and Tints of #afa55f

Tones of #afa55f

Color Blindness Simulator