#c7ae96 hex color

In a RGB color space, hex #c7ae96 is composed of 78% red, 68.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 24.6% yellow and 22% black. It has a hue angle of 29.4 degrees, a saturation of 30.4% and a lightness of 68.4%. #c7ae96 color hex could be obtained by blending #ffffff with #8f5d2d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 78
- G 68
- B 59
RGB color chart
- C 0
- M 13
- Y 25
- K 22
CMYK color chart

● #c7ae96 color description : Grayish orange.

The hexadecimal color #c7ae96 has RGB values of R:199, G:174, B:150 and CMYK values of C:0, M:0.13, Y:0.25, K:0.22. Its decimal value is 13086358.

Hex triplet	c7ae96	`#c7ae96`
RGB Decimal	199, 174, 150	`rgb(199,174,150)`
RGB Percent	78, 68.2, 58.8	`rgb(78%,68.2%,58.8%)`
CMYK	0, 13, 25, 22
HSL	29.4°, 30.4, 68.4	`hsl(29.4,30.4%,68.4%)`
HSV (or HSB)	29.4°, 24.6, 78
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.639, 5.291, 15.644
XYZ	44.194, 44.617, 35.137
xyY	0.357, 0.36, 44.617
CIE-LCH	72.639, 16.515, 71.314
CIE-LUV	72.639, 17.034, 20.818
Hunter-Lab	66.796, 1.206, 15.569
Binary	11000111, 10101110, 10010110

#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#96afc7
```
#96afc7 rgb(150,175,199)
```

Complementary Color

#c79697
```
#c79697 rgb(199,150,151)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#c7c796
```
#c7c796 rgb(199,199,150)
```

Analogous Color

#9697c7
```
#9697c7 rgb(150,151,199)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#96c7c7
```
#96c7c7 rgb(150,199,199)
```

Split Complementary Color

#ae96c7
```
#ae96c7 rgb(174,150,199)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#96c7ae
```
#96c7ae rgb(150,199,174)
```

Triadic Color

#c796af
```
#c796af rgb(199,150,175)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#96c7ae
```
#96c7ae rgb(150,199,174)
```
#96afc7
```
#96afc7 rgb(150,175,199)
```

Tetradic Color

#ac8864
```
#ac8864 rgb(172,136,100)
```
#b59475
```
#b59475 rgb(181,148,117)
```
#bea185
```
#bea185 rgb(190,161,133)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#d0bba7
```
#d0bba7 rgb(208,187,167)
```
#d9c8b7
```
#d9c8b7 rgb(217,200,183)
```
#e2d4c8
```
#e2d4c8 rgb(226,212,200)
```

Monochromatic Color

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

#c7a296
```
#c7a296 rgb(199,162,150)
```
#c7a696
```
#c7a696 rgb(199,166,150)
```
#c7aa96
```
#c7aa96 rgb(199,170,150)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#c7b296
```
#c7b296 rgb(199,178,150)
```
#c7b696
```
#c7b696 rgb(199,182,150)
```
#c7ba96
```
#c7ba96 rgb(199,186,150)
```

Similar Colors

Text with hexadecimal color #c7ae96

This text has a font color of #c7ae96.

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

#c7ae96 background color

This paragraph has a background color of #c7ae96.

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

#c7ae96 border color

This element has a border color of #c7ae96.

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

CSS codes

.text {color:#c7ae96;}

.background {background-color:#c7ae96;}

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

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

#0a0805
```
#0a0805 rgb(10,8,5)
```
#17110c
```
#17110c rgb(23,17,12)
```
#241b13
```
#241b13 rgb(36,27,19)
```
#31251a
```
#31251a rgb(49,37,26)
```
#3d2f21
```
#3d2f21 rgb(61,47,33)
```
#4a3828
```
#4a3828 rgb(74,56,40)
```
#57422e
```
#57422e rgb(87,66,46)
```
#644c35
```
#644c35 rgb(100,76,53)
```
#70563c
```
#70563c rgb(112,86,60)
```
#7d5f43
```
#7d5f43 rgb(125,95,67)
```
#8a694a
```
#8a694a rgb(138,105,74)
```
#977350
```
#977350 rgb(151,115,80)
```
#a47d57
```
#a47d57 rgb(164,125,87)
```

Shade Color Variation

#ac8763
```
#ac8763 rgb(172,135,99)
```
#b39070
```
#b39070 rgb(179,144,112)
```
#b99a7c
```
#b99a7c rgb(185,154,124)
```
#c0a489
```
#c0a489 rgb(192,164,137)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#ceb8a3
```
#ceb8a3 rgb(206,184,163)
```
#d5c2b0
```
#d5c2b0 rgb(213,194,176)
```
#dbccbc
```
#dbccbc rgb(219,204,188)
```
#e2d5c9
```
#e2d5c9 rgb(226,213,201)
```
#e9dfd6
```
#e9dfd6 rgb(233,223,214)
```
#f0e9e3
```
#f0e9e3 rgb(240,233,227)
```
#f7f3f0
```
#f7f3f0 rgb(247,243,240)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#b4aea9
```
#b4aea9 rgb(180,174,169)
```
#bbaea2
```
#bbaea2 rgb(187,174,162)
```
#c1ae9c
```
#c1ae9c rgb(193,174,156)
```
#c7ae96
```
#c7ae96 rgb(199,174,150)
```
#cdae90
```
#cdae90 rgb(205,174,144)
```
#d3ae8a
```
#d3ae8a rgb(211,174,138)
```
#daae83
```
#daae83 rgb(218,174,131)
```
#e0ad7d
```
#e0ad7d rgb(224,173,125)
```
#e6ad77
```
#e6ad77 rgb(230,173,119)
```
#ecad71
```
#ecad71 rgb(236,173,113)
```
#f2ad6b
```
#f2ad6b rgb(242,173,107)
```
#f9ad64
```
#f9ad64 rgb(249,173,100)
```
#ffad5e
```
#ffad5e rgb(255,173,94)
```

Tone Color Variation

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

Dichromacy

#bfb59d Protanopia 1% of men
#d0af9c Deuteranopia 1% of men
#ceadb9 Tritanopia 0.001% of the population

Trichromacy

#c2b29a Protanomaly 1% of men, 0.01% of women
#cdaf99 Deuteranomaly 6% of men, 0.4% of women
#cbadac Tritanomaly 0.01% of the population

#c7ae96 hex color

#c7ae96 Color Information

#c7ae96 Color Conversion

Color Schemes with #c7ae96

Alternatives to #c7ae96

#c7ae96 Preview

Shades and Tints of #c7ae96

Tones of #c7ae96

Color Blindness Simulator