#afa551 hex color

In a RGB color space, hex #afa551 is composed of 68.6% red, 64.7% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 53.7% yellow and 31.4% black. It has a hue angle of 53.6 degrees, a saturation of 37% and a lightness of 50.2%. #afa551 color hex could be obtained by blending #ffffa2 with #5f4b00. Closest websafe color is: #999966.

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

● #afa551 color description : Dark moderate yellow.

The hexadecimal color #afa551 has RGB values of R:175, G:165, B:81 and CMYK values of C:0, M:0.06, Y:0.54, K:0.31. Its decimal value is 11511121.

Hex triplet	afa551	`#afa551`
RGB Decimal	175, 165, 81	`rgb(175,165,81)`
RGB Percent	68.6, 64.7, 31.8	`rgb(68.6%,64.7%,31.8%)`
CMYK	0, 6, 54, 31
HSL	53.6°, 37, 50.2	`hsl(53.6,37%,50.2%)`
HSV (or HSB)	53.6°, 53.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	66.99, -7.651, 44.267
XYZ	32.619, 36.619, 13.134
xyY	0.396, 0.445, 36.619
CIE-LCH	66.99, 44.923, 99.806
CIE-LUV	66.99, 10.595, 54.092
Hunter-Lab	60.514, -9.68, 29.491
Binary	10101111, 10100101, 01010001

#afa551
```
#afa551 rgb(175,165,81)
```
#515baf
```
#515baf rgb(81,91,175)
```

Complementary Color

#af7651
```
#af7651 rgb(175,118,81)
```
#afa551
```
#afa551 rgb(175,165,81)
```
#8aaf51
```
#8aaf51 rgb(138,175,81)
```

Analogous Color

#7651af
```
#7651af rgb(118,81,175)
```
#afa551
```
#afa551 rgb(175,165,81)
```
#518aaf
```
#518aaf rgb(81,138,175)
```

Split Complementary Color

#a551af
```
#a551af rgb(165,81,175)
```
#afa551
```
#afa551 rgb(175,165,81)
```
#51afa5
```
#51afa5 rgb(81,175,165)
```

Triadic Color

#af515b
```
#af515b rgb(175,81,91)
```
#afa551
```
#afa551 rgb(175,165,81)
```
#51afa5
```
#51afa5 rgb(81,175,165)
```
#515baf
```
#515baf rgb(81,91,175)
```

Tetradic Color

#7b7439
```
#7b7439 rgb(123,116,57)
```
#8c8441
```
#8c8441 rgb(140,132,65)
```
#9e9549
```
#9e9549 rgb(158,149,73)
```
#afa551
```
#afa551 rgb(175,165,81)
```
#b7ae62
```
#b7ae62 rgb(183,174,98)
```
#bfb774
```
#bfb774 rgb(191,183,116)
```
#c7c085
```
#c7c085 rgb(199,192,133)
```

Monochromatic Color

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

#af8e51
```
#af8e51 rgb(175,142,81)
```
#af9551
```
#af9551 rgb(175,149,81)
```
#af9d51
```
#af9d51 rgb(175,157,81)
```
#afa551
```
#afa551 rgb(175,165,81)
```
#afad51
```
#afad51 rgb(175,173,81)
```
#a9af51
```
#a9af51 rgb(169,175,81)
```
#a2af51
```
#a2af51 rgb(162,175,81)
```

Similar Colors

Text with hexadecimal color #afa551

This text has a font color of #afa551.

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

#afa551 background color

This paragraph has a background color of #afa551.

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

#afa551 border color

This element has a border color of #afa551.

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

CSS codes

.text {color:#afa551;}

.background {background-color:#afa551;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0d06
```
#0e0d06 rgb(14,13,6)
```
#1c1a0d
```
#1c1a0d rgb(28,26,13)
```
#292713
```
#292713 rgb(41,39,19)
```
#363319
```
#363319 rgb(54,51,25)
```
#44401f
```
#44401f rgb(68,64,31)
```
#514d25
```
#514d25 rgb(81,77,37)
```
#5f592c
```
#5f592c rgb(95,89,44)
```
#6c6632
```
#6c6632 rgb(108,102,50)
```
#7a7338
```
#7a7338 rgb(122,115,56)
```
#877f3e
```
#877f3e rgb(135,127,62)
```
#948c44
```
#948c44 rgb(148,140,68)
```
#a2994a
```
#a2994a rgb(162,153,74)
```

Shade Color Variation

#afa551
```
#afa551 rgb(175,165,81)
```
#b5ac5e
```
#b5ac5e rgb(181,172,94)
```
#bbb36c
```
#bbb36c rgb(187,179,108)
```
#c2ba79
```
#c2ba79 rgb(194,186,121)
```
#c8c187
```
#c8c187 rgb(200,193,135)
```
#cec894
```
#cec894 rgb(206,200,148)
```
#d4cfa2
```
#d4cfa2 rgb(212,207,162)
```
#dad6af
```
#dad6af rgb(218,214,175)
```
#e0ddbc
```
#e0ddbc rgb(224,221,188)
```
#e7e4ca
```
#e7e4ca rgb(231,228,202)
```
#edebd7
```
#edebd7 rgb(237,235,215)
```
#f3f1e5
```
#f3f1e5 rgb(243,241,229)
```
#f9f8f2
```
#f9f8f2 rgb(249,248,242)
```

Tint Color Variation

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

#888678
```
#888678 rgb(136,134,120)
```
#928e6e
```
#928e6e rgb(146,142,110)
```
#9b9665
```
#9b9665 rgb(155,150,101)
```
#a59d5b
```
#a59d5b rgb(165,157,91)
```
#afa551
```
#afa551 rgb(175,165,81)
```
#b9ad47
```
#b9ad47 rgb(185,173,71)
```
#c3b43d
```
#c3b43d rgb(195,180,61)
```
#ccbc34
```
#ccbc34 rgb(204,188,52)
```
#d6c42a
```
#d6c42a rgb(214,196,42)
```
#e0cb20
```
#e0cb20 rgb(224,203,32)
```
#ead316
```
#ead316 rgb(234,211,22)
```
#f3db0d
```
#f3db0d rgb(243,219,13)
```
#fde303
```
#fde303 rgb(253,227,3)
```

Tone Color Variation

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

Dichromacy

#b8a759 Protanopia 1% of men
#cba05d Deuteranopia 1% of men
#bca0ab Tritanopia 0.001% of the population

Trichromacy

#b5a656 Protanomaly 1% of men, 0.01% of women
#c1a258 Deuteranomaly 6% of men, 0.4% of women
#b7a28a Tritanomaly 0.01% of the population

#afa551 hex color

#afa551 Color Information

#afa551 Color Conversion

Color Schemes with #afa551

Alternatives to #afa551

#afa551 Preview

Shades and Tints of #afa551

Tones of #afa551

Color Blindness Simulator