#a3af96 hex color

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

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

● #a3af96 color description : Dark grayish green.

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

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

CIE-LAB	69.929, -8.827, 11.404
XYZ	35.938, 40.648, 34.805
xyY	0.323, 0.365, 40.648
CIE-LCH	69.929, 14.421, 127.74
CIE-LUV	69.929, -5.627, 17.629
Hunter-Lab	63.756, -10.956, 12.262
Binary	10100011, 10101111, 10010110

#a3af96
```
#a3af96 rgb(163,175,150)
```
#a296af
```
#a296af rgb(162,150,175)
```

Complementary Color

#afaf96
```
#afaf96 rgb(175,175,150)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#97af96
```
#97af96 rgb(151,175,150)
```

Analogous Color

#af96af
```
#af96af rgb(175,150,175)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#9697af
```
#9697af rgb(150,151,175)
```

Split Complementary Color

#af96a3
```
#af96a3 rgb(175,150,163)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#96a3af
```
#96a3af rgb(150,163,175)
```

Triadic Color

#afa296
```
#afa296 rgb(175,162,150)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#96a3af
```
#96a3af rgb(150,163,175)
```
#a296af
```
#a296af rgb(162,150,175)
```

Tetradic Color

#7d8d6b
```
#7d8d6b rgb(125,141,107)
```
#8a9979
```
#8a9979 rgb(138,153,121)
```
#96a488
```
#96a488 rgb(150,164,136)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#b0baa4
```
#b0baa4 rgb(176,186,164)
```
#bcc5b3
```
#bcc5b3 rgb(188,197,179)
```
#c9d0c1
```
#c9d0c1 rgb(201,208,193)
```

Monochromatic Color

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

#a9af96
```
#a9af96 rgb(169,175,150)
```
#a7af96
```
#a7af96 rgb(167,175,150)
```
#a5af96
```
#a5af96 rgb(165,175,150)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#a1af96
```
#a1af96 rgb(161,175,150)
```
#9faf96
```
#9faf96 rgb(159,175,150)
```
#9daf96
```
#9daf96 rgb(157,175,150)
```

Similar Colors

Text with hexadecimal color #a3af96

This text has a font color of #a3af96.

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

#a3af96 background color

This paragraph has a background color of #a3af96.

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

#a3af96 border color

This element has a border color of #a3af96.

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

CSS codes

.text {color:#a3af96;}

.background {background-color:#a3af96;}

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

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)
```
#0f110d
```
#0f110d rgb(15,17,13)
```
#191d16
```
#191d16 rgb(25,29,22)
```
#23281e
```
#23281e rgb(35,40,30)
```
#2d3327
```
#2d3327 rgb(45,51,39)
```
#373e2f
```
#373e2f rgb(55,62,47)
```
#414938
```
#414938 rgb(65,73,56)
```
#4b5440
```
#4b5440 rgb(75,84,64)
```
#545f49
```
#545f49 rgb(84,95,73)
```
#5e6b51
```
#5e6b51 rgb(94,107,81)
```
#68765a
```
#68765a rgb(104,118,90)
```
#728162
```
#728162 rgb(114,129,98)
```
#7c8c6b
```
#7c8c6b rgb(124,140,107)
```

Shade Color Variation

#869675
```
#869675 rgb(134,150,117)
```
#8f9e80
```
#8f9e80 rgb(143,158,128)
```
#99a78b
```
#99a78b rgb(153,167,139)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#adb7a1
```
#adb7a1 rgb(173,183,161)
```
#b7c0ac
```
#b7c0ac rgb(183,192,172)
```
#c0c8b7
```
#c0c8b7 rgb(192,200,183)
```
#cad1c3
```
#cad1c3 rgb(202,209,195)
```
#d4d9ce
```
#d4d9ce rgb(212,217,206)
```
#dee2d9
```
#dee2d9 rgb(222,226,217)
```
#e7eae4
```
#e7eae4 rgb(231,234,228)
```
#f1f3ef
```
#f1f3ef rgb(241,243,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#a3a89d
```
#a3a89d rgb(163,168,157)
```
#a3af96
```
#a3af96 rgb(163,175,150)
```
#a3b68f
```
#a3b68f rgb(163,182,143)
```
#a4bd88
```
#a4bd88 rgb(164,189,136)
```
#a4c481
```
#a4c481 rgb(164,196,129)
```
#a4cb7a
```
#a4cb7a rgb(164,203,122)
```
#a4d372
```
#a4d372 rgb(164,211,114)
```
#a5da6b
```
#a5da6b rgb(165,218,107)
```
#a5e164
```
#a5e164 rgb(165,225,100)
```
#a5e85d
```
#a5e85d rgb(165,232,93)
```
#a6ef56
```
#a6ef56 rgb(166,239,86)
```
#a6f64f
```
#a6f64f rgb(166,246,79)
```
#a6fd48
```
#a6fd48 rgb(166,253,72)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a8aaa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ae99 Protanopia 1% of men
#c5a99e Deuteranopia 1% of men
#adaebb Tritanopia 0.001% of the population

Trichromacy

#afae98 Protanomaly 1% of men, 0.01% of women
#b9ab9b Deuteranomaly 6% of men, 0.4% of women
#a9aead Tritanomaly 0.01% of the population

#a3af96 hex color

#a3af96 Color Information

#a3af96 Color Conversion

Color Schemes with #a3af96

Alternatives to #a3af96

#a3af96 Preview

Shades and Tints of #a3af96

Tones of #a3af96

Color Blindness Simulator