#afa396 hex color

In a RGB color space, hex #afa396 is composed of 68.6% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 31.2 degrees, a saturation of 13.5% and a lightness of 63.7%. #afa396 color hex could be obtained by blending #ffffff with #5f472d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 64
- B 59
RGB color chart
- C 0
- M 7
- Y 14
- K 31
CMYK color chart

● #afa396 color description : Dark grayish orange.

The hexadecimal color #afa396 has RGB values of R:175, G:163, B:150 and CMYK values of C:0, M:0.07, Y:0.14, K:0.31. Its decimal value is 11510678.

Hex triplet	afa396	`#afa396`
RGB Decimal	175, 163, 150	`rgb(175,163,150)`
RGB Percent	68.6, 63.9, 58.8	`rgb(68.6%,63.9%,58.8%)`
CMYK	0, 7, 14, 31
HSL	31.2°, 13.5, 63.7	`hsl(31.2,13.5%,63.7%)`
HSV (or HSB)	31.2°, 14.3, 68.6
Web Safe	999999	`#999999`

CIE-LAB	67.658, 2.104, 8.311
XYZ	36.281, 37.511, 34.182
xyY	0.336, 0.347, 37.511
CIE-LCH	67.658, 8.573, 75.795
CIE-LUV	67.658, 7.95, 11.366
Hunter-Lab	61.246, -1.442, 9.782
Binary	10101111, 10100011, 10010110

#afa396
```
#afa396 rgb(175,163,150)
```
#96a2af
```
#96a2af rgb(150,162,175)
```

Complementary Color

#af9796
```
#af9796 rgb(175,151,150)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#afaf96
```
#afaf96 rgb(175,175,150)
```

Analogous Color

#9796af
```
#9796af rgb(151,150,175)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#96afaf
```
#96afaf rgb(150,175,175)
```

Split Complementary Color

#a396af
```
#a396af rgb(163,150,175)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#96afa3
```
#96afa3 rgb(150,175,163)
```

Triadic Color

#af96a2
```
#af96a2 rgb(175,150,162)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#96afa3
```
#96afa3 rgb(150,175,163)
```
#96a2af
```
#96a2af rgb(150,162,175)
```

Tetradic Color

#8d7d6b
```
#8d7d6b rgb(141,125,107)
```
#998a79
```
#998a79 rgb(153,138,121)
```
#a49688
```
#a49688 rgb(164,150,136)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#bab0a4
```
#bab0a4 rgb(186,176,164)
```
#c5bcb3
```
#c5bcb3 rgb(197,188,179)
```
#d0c9c1
```
#d0c9c1 rgb(208,201,193)
```

Monochromatic Color

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

#af9d96
```
#af9d96 rgb(175,157,150)
```
#af9f96
```
#af9f96 rgb(175,159,150)
```
#afa196
```
#afa196 rgb(175,161,150)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#afa596
```
#afa596 rgb(175,165,150)
```
#afa796
```
#afa796 rgb(175,167,150)
```
#afa996
```
#afa996 rgb(175,169,150)
```

Similar Colors

Text with hexadecimal color #afa396

This text has a font color of #afa396.

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

#afa396 background color

This paragraph has a background color of #afa396.

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

#afa396 border color

This element has a border color of #afa396.

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

CSS codes

.text {color:#afa396;}

.background {background-color:#afa396;}

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

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

#060605
```
#060605 rgb(6,6,5)
```
#110f0d
```
#110f0d rgb(17,15,13)
```
#1d1916
```
#1d1916 rgb(29,25,22)
```
#28231e
```
#28231e rgb(40,35,30)
```
#332d27
```
#332d27 rgb(51,45,39)
```
#3e372f
```
#3e372f rgb(62,55,47)
```
#494138
```
#494138 rgb(73,65,56)
```
#544b40
```
#544b40 rgb(84,75,64)
```
#5f5449
```
#5f5449 rgb(95,84,73)
```
#6b5e51
```
#6b5e51 rgb(107,94,81)
```
#76685a
```
#76685a rgb(118,104,90)
```
#817262
```
#817262 rgb(129,114,98)
```
#8c7c6b
```
#8c7c6b rgb(140,124,107)
```

Shade Color Variation

#968675
```
#968675 rgb(150,134,117)
```
#9e8f80
```
#9e8f80 rgb(158,143,128)
```
#a7998b
```
#a7998b rgb(167,153,139)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#b7ada1
```
#b7ada1 rgb(183,173,161)
```
#c0b7ac
```
#c0b7ac rgb(192,183,172)
```
#c8c0b7
```
#c8c0b7 rgb(200,192,183)
```
#d1cac3
```
#d1cac3 rgb(209,202,195)
```
#d9d4ce
```
#d9d4ce rgb(217,212,206)
```
#e2ded9
```
#e2ded9 rgb(226,222,217)
```
#eae7e4
```
#eae7e4 rgb(234,231,228)
```
#f3f1ef
```
#f3f1ef rgb(243,241,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#a8a39d
```
#a8a39d rgb(168,163,157)
```
#afa396
```
#afa396 rgb(175,163,150)
```
#b6a38f
```
#b6a38f rgb(182,163,143)
```
#bda488
```
#bda488 rgb(189,164,136)
```
#c4a481
```
#c4a481 rgb(196,164,129)
```
#cba47a
```
#cba47a rgb(203,164,122)
```
#d3a472
```
#d3a472 rgb(211,164,114)
```
#daa56b
```
#daa56b rgb(218,165,107)
```
#e1a564
```
#e1a564 rgb(225,165,100)
```
#e8a55d
```
#e8a55d rgb(232,165,93)
```
#efa656
```
#efa656 rgb(239,166,86)
```
#f6a64f
```
#f6a64f rgb(246,166,79)
```
#fda648
```
#fda648 rgb(253,166,72)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa89c Protanopia 1% of men
#bea39c Deuteranopia 1% of men
#b6a4b0 Tritanopia 0.001% of the population

Trichromacy

#afa699 Protanomaly 1% of men, 0.01% of women
#b8a39a Deuteranomaly 6% of men, 0.4% of women
#b3a4a6 Tritanomaly 0.01% of the population

#afa396 hex color

#afa396 Color Information

#afa396 Color Conversion

Color Schemes with #afa396

Alternatives to #afa396

#afa396 Preview

Shades and Tints of #afa396

Tones of #afa396

Color Blindness Simulator