#c4a676 hex color

In a RGB color space, hex #c4a676 is composed of 76.9% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.3% magenta, 39.8% yellow and 23.1% black. It has a hue angle of 36.9 degrees, a saturation of 39.8% and a lightness of 61.6%. #c4a676 color hex could be obtained by blending #ffffec with #894d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 65
- B 46
RGB color chart
- C 0
- M 15
- Y 40
- K 23
CMYK color chart

● #c4a676 color description : Slightly desaturated orange.

The hexadecimal color #c4a676 has RGB values of R:196, G:166, B:118 and CMYK values of C:0, M:0.15, Y:0.4, K:0.23. Its decimal value is 12887670.

Hex triplet	c4a676	`#c4a676`
RGB Decimal	196, 166, 118	`rgb(196,166,118)`
RGB Percent	76.9, 65.1, 46.3	`rgb(76.9%,65.1%,46.3%)`
CMYK	0, 15, 40, 23
HSL	36.9°, 39.8, 61.6	`hsl(36.9,39.8%,61.6%)`
HSV (or HSB)	36.9°, 39.8, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.695, 4.289, 28.931
XYZ	39.671, 40.317, 22.831
xyY	0.386, 0.392, 40.317
CIE-LCH	69.695, 29.248, 81.567
CIE-LUV	69.695, 22.417, 36.815
Hunter-Lab	63.496, 0.405, 23.129
Binary	11000100, 10100110, 01110110

#c4a676
```
#c4a676 rgb(196,166,118)
```
#7694c4
```
#7694c4 rgb(118,148,196)
```

Complementary Color

#c47f76
```
#c47f76 rgb(196,127,118)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#bbc476
```
#bbc476 rgb(187,196,118)
```

Analogous Color

#7f76c4
```
#7f76c4 rgb(127,118,196)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#76bbc4
```
#76bbc4 rgb(118,187,196)
```

Split Complementary Color

#a676c4
```
#a676c4 rgb(166,118,196)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#76c4a6
```
#76c4a6 rgb(118,196,166)
```

Triadic Color

#c47694
```
#c47694 rgb(196,118,148)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#76c4a6
```
#76c4a6 rgb(118,196,166)
```
#7694c4
```
#7694c4 rgb(118,148,196)
```

Tetradic Color

#a68247
```
#a68247 rgb(166,130,71)
```
#b58f52
```
#b58f52 rgb(181,143,82)
```
#bc9a64
```
#bc9a64 rgb(188,154,100)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#ccb288
```
#ccb288 rgb(204,178,136)
```
#d3bd9a
```
#d3bd9a rgb(211,189,154)
```
#dbc9ab
```
#dbc9ab rgb(219,201,171)
```

Monochromatic Color

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

#c49376
```
#c49376 rgb(196,147,118)
```
#c49976
```
#c49976 rgb(196,153,118)
```
#c4a076
```
#c4a076 rgb(196,160,118)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#c4ad76
```
#c4ad76 rgb(196,173,118)
```
#c4b376
```
#c4b376 rgb(196,179,118)
```
#c4ba76
```
#c4ba76 rgb(196,186,118)
```

Similar Colors

Text with hexadecimal color #c4a676

This text has a font color of #c4a676.

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

#c4a676 background color

This paragraph has a background color of #c4a676.

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

#c4a676 border color

This element has a border color of #c4a676.

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

CSS codes

.text {color:#c4a676;}

.background {background-color:#c4a676;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0b06
```
#0e0b06 rgb(14,11,6)
```
#1c160c
```
#1c160c rgb(28,22,12)
```
#292012
```
#292012 rgb(41,32,18)
```
#372b18
```
#372b18 rgb(55,43,24)
```
#45361e
```
#45361e rgb(69,54,30)
```
#524023
```
#524023 rgb(82,64,35)
```
#604b29
```
#604b29 rgb(96,75,41)
```
#6e562f
```
#6e562f rgb(110,86,47)
```
#7c6035
```
#7c6035 rgb(124,96,53)
```
#896b3b
```
#896b3b rgb(137,107,59)
```
#977641
```
#977641 rgb(151,118,65)
```
#a58147
```
#a58147 rgb(165,129,71)
```

Shade Color Variation

#b28b4d
```
#b28b4d rgb(178,139,77)
```
#b8945b
```
#b8945b rgb(184,148,91)
```
#be9d68
```
#be9d68 rgb(190,157,104)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#caaf84
```
#caaf84 rgb(202,175,132)
```
#d0b891
```
#d0b891 rgb(208,184,145)
```
#d6c19f
```
#d6c19f rgb(214,193,159)
```
#dccaad
```
#dccaad rgb(220,202,173)
```
#e2d3bb
```
#e2d3bb rgb(226,211,187)
```
#e7dbc8
```
#e7dbc8 rgb(231,219,200)
```
#ede4d6
```
#ede4d6 rgb(237,228,214)
```
#f3ede4
```
#f3ede4 rgb(243,237,228)
```
#f9f6f1
```
#f9f6f1 rgb(249,246,241)
```

Tint Color Variation

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

#9e9d9c
```
#9e9d9c rgb(158,157,156)
```
#a69f94
```
#a69f94 rgb(166,159,148)
```
#ada18d
```
#ada18d rgb(173,161,141)
```
#b5a385
```
#b5a385 rgb(181,163,133)
```
#bca47e
```
#bca47e rgb(188,164,126)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#d3a967
```
#d3a967 rgb(211,169,103)
```
#dbab5f
```
#dbab5f rgb(219,171,95)
```
#e2ad58
```
#e2ad58 rgb(226,173,88)
```
#eaaf50
```
#eaaf50 rgb(234,175,80)
```
#f1b049
```
#f1b049 rgb(241,176,73)
```
#f9b241
```
#f9b241 rgb(249,178,65)
```

Tone Color Variation

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

Dichromacy

#bbae7e Protanopia 1% of men
#cea77e Deuteranopia 1% of men
#cca3af Tritanopia 0.001% of the population

Trichromacy

#beab7b Protanomaly 1% of men, 0.01% of women
#caa77b Deuteranomaly 6% of men, 0.4% of women
#c9a49a Tritanomaly 0.01% of the population

#c4a676 hex color

#c4a676 Color Information

#c4a676 Color Conversion

Color Schemes with #c4a676

Alternatives to #c4a676

#c4a676 Preview

Shades and Tints of #c4a676

Tones of #c4a676

Color Blindness Simulator