#afa54e hex color

In a RGB color space, hex #afa54e is composed of 68.6% red, 64.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 55.4% yellow and 31.4% black. It has a hue angle of 53.8 degrees, a saturation of 38.3% and a lightness of 49.6%. #afa54e color hex could be obtained by blending #ffff9c with #5f4b00. Closest websafe color is: #999966.

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

● #afa54e color description : Dark moderate yellow.

The hexadecimal color #afa54e has RGB values of R:175, G:165, B:78 and CMYK values of C:0, M:0.06, Y:0.55, K:0.31. Its decimal value is 11511118.

Hex triplet	afa54e	`#afa54e`
RGB Decimal	175, 165, 78	`rgb(175,165,78)`
RGB Percent	68.6, 64.7, 30.6	`rgb(68.6%,64.7%,30.6%)`
CMYK	0, 6, 55, 31
HSL	53.8°, 38.3, 49.6	`hsl(53.8,38.3%,49.6%)`
HSV (or HSB)	53.8°, 55.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	66.957, -7.901, 45.685
XYZ	32.509, 36.575, 12.555
xyY	0.398, 0.448, 36.575
CIE-LCH	66.957, 46.363, 99.813
CIE-LUV	66.957, 10.712, 55.379
Hunter-Lab	60.477, -9.883, 30.026
Binary	10101111, 10100101, 01001110

#afa54e
```
#afa54e rgb(175,165,78)
```
#4e58af
```
#4e58af rgb(78,88,175)
```

Complementary Color

#af754e
```
#af754e rgb(175,117,78)
```
#afa54e
```
#afa54e rgb(175,165,78)
```
#89af4e
```
#89af4e rgb(137,175,78)
```

Analogous Color

#754eaf
```
#754eaf rgb(117,78,175)
```
#afa54e
```
#afa54e rgb(175,165,78)
```
#4e89af
```
#4e89af rgb(78,137,175)
```

Split Complementary Color

#a54eaf
```
#a54eaf rgb(165,78,175)
```
#afa54e
```
#afa54e rgb(175,165,78)
```
#4eafa5
```
#4eafa5 rgb(78,175,165)
```

Triadic Color

#af4e58
```
#af4e58 rgb(175,78,88)
```
#afa54e
```
#afa54e rgb(175,165,78)
```
#4eafa5
```
#4eafa5 rgb(78,175,165)
```
#4e58af
```
#4e58af rgb(78,88,175)
```

Tetradic Color

#7a7336
```
#7a7336 rgb(122,115,54)
```
#8c843e
```
#8c843e rgb(140,132,62)
```
#9d9446
```
#9d9446 rgb(157,148,70)
```
#afa54e
```
#afa54e rgb(175,165,78)
```
#b8ae5f
```
#b8ae5f rgb(184,174,95)
```
#bfb771
```
#bfb771 rgb(191,183,113)
```
#c7c082
```
#c7c082 rgb(199,192,130)
```

Monochromatic Color

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

#af8d4e
```
#af8d4e rgb(175,141,78)
```
#af954e
```
#af954e rgb(175,149,78)
```
#af9d4e
```
#af9d4e rgb(175,157,78)
```
#afa54e
```
#afa54e rgb(175,165,78)
```
#afad4e
```
#afad4e rgb(175,173,78)
```
#a9af4e
```
#a9af4e rgb(169,175,78)
```
#a1af4e
```
#a1af4e rgb(161,175,78)
```

Similar Colors

Text with hexadecimal color #afa54e

This text has a font color of #afa54e.

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

#afa54e background color

This paragraph has a background color of #afa54e.

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

#afa54e border color

This element has a border color of #afa54e.

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

CSS codes

.text {color:#afa54e;}

.background {background-color:#afa54e;}

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

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

#0c0b05
```
#0c0b05 rgb(12,11,5)
```
#1a180b
```
#1a180b rgb(26,24,11)
```
#272512
```
#272512 rgb(39,37,18)
```
#353218
```
#353218 rgb(53,50,24)
```
#423f1e
```
#423f1e rgb(66,63,30)
```
#504b24
```
#504b24 rgb(80,75,36)
```
#5e582a
```
#5e582a rgb(94,88,42)
```
#6b6530
```
#6b6530 rgb(107,101,48)
```
#797236
```
#797236 rgb(121,114,54)
```
#867f3c
```
#867f3c rgb(134,127,60)
```
#948b42
```
#948b42 rgb(148,139,66)
```
#a19848
```
#a19848 rgb(161,152,72)
```
#afa54e
```
#afa54e rgb(175,165,78)
```

Shade Color Variation

#b6ac5b
```
#b6ac5b rgb(182,172,91)
```
#bcb368
```
#bcb368 rgb(188,179,104)
```
#c2ba76
```
#c2ba76 rgb(194,186,118)
```
#c8c184
```
#c8c184 rgb(200,193,132)
```
#cec891
```
#cec891 rgb(206,200,145)
```
#d4cf9f
```
#d4cf9f rgb(212,207,159)
```
#dad5ac
```
#dad5ac rgb(218,213,172)
```
#e0dcba
```
#e0dcba rgb(224,220,186)
```
#e6e3c7
```
#e6e3c7 rgb(230,227,199)
```
#ecead5
```
#ecead5 rgb(236,234,213)
```
#f2f1e2
```
#f2f1e2 rgb(242,241,226)
```
#f8f7f0
```
#f8f7f0 rgb(248,247,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#888675
```
#888675 rgb(136,134,117)
```
#928e6b
```
#928e6b rgb(146,142,107)
```
#9c9661
```
#9c9661 rgb(156,150,97)
```
#a59d58
```
#a59d58 rgb(165,157,88)
```
#afa54e
```
#afa54e rgb(175,165,78)
```
#b9ad44
```
#b9ad44 rgb(185,173,68)
```
#c2b43b
```
#c2b43b rgb(194,180,59)
```
#ccbc31
```
#ccbc31 rgb(204,188,49)
```
#d6c427
```
#d6c427 rgb(214,196,39)
```
#e0cc1d
```
#e0cc1d rgb(224,204,29)
```
#e9d314
```
#e9d314 rgb(233,211,20)
```
#f3db0a
```
#f3db0a rgb(243,219,10)
```
#fde300
```
#fde300 rgb(253,227,0)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a19f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a756 Protanopia 1% of men
#cca05a Deuteranopia 1% of men
#bca0ab Tritanopia 0.001% of the population

Trichromacy

#b5a653 Protanomaly 1% of men, 0.01% of women
#c1a255 Deuteranomaly 6% of men, 0.4% of women
#b7a289 Tritanomaly 0.01% of the population

#afa54e hex color

#afa54e Color Information

#afa54e Color Conversion

Color Schemes with #afa54e

Alternatives to #afa54e

#afa54e Preview

Shades and Tints of #afa54e

Tones of #afa54e

Color Blindness Simulator