#c4af97 hex color

In a RGB color space, hex #c4af97 is composed of 76.9% red, 68.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 23% yellow and 23.1% black. It has a hue angle of 32 degrees, a saturation of 27.6% and a lightness of 68%. #c4af97 color hex could be obtained by blending #ffffff with #895f2f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 77
- G 69
- B 59
RGB color chart
- C 0
- M 11
- Y 23
- K 23
CMYK color chart

● #c4af97 color description : Grayish orange.

The hexadecimal color #c4af97 has RGB values of R:196, G:175, B:151 and CMYK values of C:0, M:0.11, Y:0.23, K:0.23. Its decimal value is 12890007.

Hex triplet	c4af97	`#c4af97`
RGB Decimal	196, 175, 151	`rgb(196,175,151)`
RGB Percent	76.9, 68.6, 59.2	`rgb(76.9%,68.6%,59.2%)`
CMYK	0, 11, 23, 23
HSL	32°, 27.6, 68	`hsl(32,27.6%,68%)`
HSV (or HSB)	32°, 23, 76.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.648, 3.746, 15.072
XYZ	43.68, 44.631, 35.59
xyY	0.353, 0.36, 44.631
CIE-LCH	72.648, 15.531, 76.044
CIE-LUV	72.648, 14.408, 20.368
Hunter-Lab	66.806, -0.202, 15.179
Binary	11000100, 10101111, 10010111

#c4af97
```
#c4af97 rgb(196,175,151)
```
#97acc4
```
#97acc4 rgb(151,172,196)
```

Complementary Color

#c49997
```
#c49997 rgb(196,153,151)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#c3c497
```
#c3c497 rgb(195,196,151)
```

Analogous Color

#9997c4
```
#9997c4 rgb(153,151,196)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#97c3c4
```
#97c3c4 rgb(151,195,196)
```

Split Complementary Color

#af97c4
```
#af97c4 rgb(175,151,196)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#97c4af
```
#97c4af rgb(151,196,175)
```

Triadic Color

#c497ac
```
#c497ac rgb(196,151,172)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#97c4af
```
#97c4af rgb(151,196,175)
```
#97acc4
```
#97acc4 rgb(151,172,196)
```

Tetradic Color

#a88966
```
#a88966 rgb(168,137,102)
```
#b29676
```
#b29676 rgb(178,150,118)
```
#bba287
```
#bba287 rgb(187,162,135)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#cdbca7
```
#cdbca7 rgb(205,188,167)
```
#d6c8b8
```
#d6c8b8 rgb(214,200,184)
```
#e0d5c8
```
#e0d5c8 rgb(224,213,200)
```

Monochromatic Color

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

#c4a497
```
#c4a497 rgb(196,164,151)
```
#c4a897
```
#c4a897 rgb(196,168,151)
```
#c4ab97
```
#c4ab97 rgb(196,171,151)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#c4b397
```
#c4b397 rgb(196,179,151)
```
#c4b797
```
#c4b797 rgb(196,183,151)
```
#c4ba97
```
#c4ba97 rgb(196,186,151)
```

Similar Colors

Text with hexadecimal color #c4af97

This text has a font color of #c4af97.

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

#c4af97 background color

This paragraph has a background color of #c4af97.

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

#c4af97 border color

This element has a border color of #c4af97.

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

CSS codes

.text {color:#c4af97;}

.background {background-color:#c4af97;}

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

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

#090705
```
#090705 rgb(9,7,5)
```
#15110c
```
#15110c rgb(21,17,12)
```
#221b13
```
#221b13 rgb(34,27,19)
```
#2e251a
```
#2e251a rgb(46,37,26)
```
#3b2f21
```
#3b2f21 rgb(59,47,33)
```
#473928
```
#473928 rgb(71,57,40)
```
#544330
```
#544330 rgb(84,67,48)
```
#604d37
```
#604d37 rgb(96,77,55)
```
#6d573e
```
#6d573e rgb(109,87,62)
```
#796145
```
#796145 rgb(121,97,69)
```
#866b4c
```
#866b4c rgb(134,107,76)
```
#927553
```
#927553 rgb(146,117,83)
```
#9f7f5a
```
#9f7f5a rgb(159,127,90)
```

Shade Color Variation

#a88865
```
#a88865 rgb(168,136,101)
```
#af9271
```
#af9271 rgb(175,146,113)
```
#b69c7e
```
#b69c7e rgb(182,156,126)
```
#bda58a
```
#bda58a rgb(189,165,138)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#cbb9a4
```
#cbb9a4 rgb(203,185,164)
```
#d2c2b0
```
#d2c2b0 rgb(210,194,176)
```
#d9ccbd
```
#d9ccbd rgb(217,204,189)
```
#e0d6c9
```
#e0d6c9 rgb(224,214,201)
```
#e8dfd6
```
#e8dfd6 rgb(232,223,214)
```
#efe9e2
```
#efe9e2 rgb(239,233,226)
```
#f6f2ef
```
#f6f2ef rgb(246,242,239)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#b1aeaa
```
#b1aeaa rgb(177,174,170)
```
#b7aea4
```
#b7aea4 rgb(183,174,164)
```
#beaf9d
```
#beaf9d rgb(190,175,157)
```
#c4af97
```
#c4af97 rgb(196,175,151)
```
#caaf91
```
#caaf91 rgb(202,175,145)
```
#d1b08a
```
#d1b08a rgb(209,176,138)
```
#d7b084
```
#d7b084 rgb(215,176,132)
```
#ddb17e
```
#ddb17e rgb(221,177,126)
```
#e3b178
```
#e3b178 rgb(227,177,120)
```
#eab271
```
#eab271 rgb(234,178,113)
```
#f0b26b
```
#f0b26b rgb(240,178,107)
```
#f6b265
```
#f6b265 rgb(246,178,101)
```
#fcb35f
```
#fcb35f rgb(252,179,95)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b6b2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb59d Protanopia 1% of men
#d0af9d Deuteranopia 1% of men
#cbaeba Tritanopia 0.001% of the population

Trichromacy

#c0b39b Protanomaly 1% of men, 0.01% of women
#cbaf9b Deuteranomaly 6% of men, 0.4% of women
#c8aead Tritanomaly 0.01% of the population

#c4af97 hex color

#c4af97 Color Information

#c4af97 Color Conversion

Color Schemes with #c4af97

Alternatives to #c4af97

#c4af97 Preview

Shades and Tints of #c4af97

Tones of #c4af97

Color Blindness Simulator