#c7a676 hex color

In a RGB color space, hex #c7a676 is composed of 78% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.6% magenta, 40.7% yellow and 22% black. It has a hue angle of 35.6 degrees, a saturation of 42% and a lightness of 62.2%. #c7a676 color hex could be obtained by blending #ffffec with #8f4d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 78
- G 65
- B 46
RGB color chart
- C 0
- M 17
- Y 41
- K 22
CMYK color chart

● #c7a676 color description : Slightly desaturated orange.

The hexadecimal color #c7a676 has RGB values of R:199, G:166, B:118 and CMYK values of C:0, M:0.17, Y:0.41, K:0.22. Its decimal value is 13084278.

Hex triplet	c7a676	`#c7a676`
RGB Decimal	199, 166, 118	`rgb(199,166,118)`
RGB Percent	78, 65.1, 46.3	`rgb(78%,65.1%,46.3%)`
CMYK	0, 17, 41, 22
HSL	35.6°, 42, 62.2	`hsl(35.6,42%,62.2%)`
HSV (or HSB)	35.6°, 40.7, 78
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.982, 5.511, 29.362
XYZ	40.459, 40.724, 22.868
xyY	0.389, 0.391, 40.724
CIE-LCH	69.982, 29.875, 79.37
CIE-LUV	69.982, 24.526, 37.089
Hunter-Lab	63.815, 1.494, 23.424
Binary	11000111, 10100110, 01110110

#c7a676
```
#c7a676 rgb(199,166,118)
```
#7697c7
```
#7697c7 rgb(118,151,199)
```

Complementary Color

#c77e76
```
#c77e76 rgb(199,126,118)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#c0c776
```
#c0c776 rgb(192,199,118)
```

Analogous Color

#7e76c7
```
#7e76c7 rgb(126,118,199)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#76c0c7
```
#76c0c7 rgb(118,192,199)
```

Split Complementary Color

#a676c7
```
#a676c7 rgb(166,118,199)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#76c7a6
```
#76c7a6 rgb(118,199,166)
```

Triadic Color

#c77697
```
#c77697 rgb(199,118,151)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#76c7a6
```
#76c7a6 rgb(118,199,166)
```
#7697c7
```
#7697c7 rgb(118,151,199)
```

Tetradic Color

#ab8246
```
#ab8246 rgb(171,130,70)
```
#b88e52
```
#b88e52 rgb(184,142,82)
```
#c09a64
```
#c09a64 rgb(192,154,100)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#ceb288
```
#ceb288 rgb(206,178,136)
```
#d6be9a
```
#d6be9a rgb(214,190,154)
```
#ddc9ac
```
#ddc9ac rgb(221,201,172)
```

Monochromatic Color

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

#c79276
```
#c79276 rgb(199,146,118)
```
#c79976
```
#c79976 rgb(199,153,118)
```
#c79f76
```
#c79f76 rgb(199,159,118)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#c7ad76
```
#c7ad76 rgb(199,173,118)
```
#c7b476
```
#c7b476 rgb(199,180,118)
```
#c7ba76
```
#c7ba76 rgb(199,186,118)
```

Similar Colors

Text with hexadecimal color #c7a676

This text has a font color of #c7a676.

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

#c7a676 background color

This paragraph has a background color of #c7a676.

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

#c7a676 border color

This element has a border color of #c7a676.

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

CSS codes

.text {color:#c7a676;}

.background {background-color:#c7a676;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100c07
```
#100c07 rgb(16,12,7)
```
#1e170c
```
#1e170c rgb(30,23,12)
```
#2c2112
```
#2c2112 rgb(44,33,18)
```
#3a2c18
```
#3a2c18 rgb(58,44,24)
```
#48371d
```
#48371d rgb(72,55,29)
```
#564123
```
#564123 rgb(86,65,35)
```
#644c29
```
#644c29 rgb(100,76,41)
```
#72562e
```
#72562e rgb(114,86,46)
```
#806134
```
#806134 rgb(128,97,52)
```
#8d6b3a
```
#8d6b3a rgb(141,107,58)
```
#9b7640
```
#9b7640 rgb(155,118,64)
```
#a98145
```
#a98145 rgb(169,129,69)
```

Shade Color Variation

#b68b4c
```
#b68b4c rgb(182,139,76)
```
#bc945a
```
#bc945a rgb(188,148,90)
```
#c19d68
```
#c19d68 rgb(193,157,104)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#cdaf84
```
#cdaf84 rgb(205,175,132)
```
#d2b892
```
#d2b892 rgb(210,184,146)
```
#d8c1a0
```
#d8c1a0 rgb(216,193,160)
```
#decaae
```
#decaae rgb(222,202,174)
```
#e3d3bc
```
#e3d3bc rgb(227,211,188)
```
#e9dcca
```
#e9dcca rgb(233,220,202)
```
#efe5d7
```
#efe5d7 rgb(239,229,215)
```
#f5eee5
```
#f5eee5 rgb(245,238,229)
```
#faf7f3
```
#faf7f3 rgb(250,247,243)
```

Tint Color Variation

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

#a29f9b
```
#a29f9b rgb(162,159,155)
```
#a9a194
```
#a9a194 rgb(169,161,148)
```
#b1a28c
```
#b1a28c rgb(177,162,140)
```
#b8a385
```
#b8a385 rgb(184,163,133)
```
#c0a57d
```
#c0a57d rgb(192,165,125)
```
#c7a676
```
#c7a676 rgb(199,166,118)
```
#cea76f
```
#cea76f rgb(206,167,111)
```
#d6a967
```
#d6a967 rgb(214,169,103)
```
#ddaa60
```
#ddaa60 rgb(221,170,96)
```
#e5ab58
```
#e5ab58 rgb(229,171,88)
```
#ecad51
```
#ecad51 rgb(236,173,81)
```
#f4ae49
```
#f4ae49 rgb(244,174,73)
```
#fbb042
```
#fbb042 rgb(251,176,66)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b0a9a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaf7e Protanopia 1% of men
#cfa87d Deuteranopia 1% of men
#cfa3af Tritanopia 0.001% of the population

Trichromacy

#c0ab7b Protanomaly 1% of men, 0.01% of women
#cca77a Deuteranomaly 6% of men, 0.4% of women
#cca49a Tritanomaly 0.01% of the population

#c7a676 hex color

#c7a676 Color Information

#c7a676 Color Conversion

Color Schemes with #c7a676

Alternatives to #c7a676

#c7a676 Preview

Shades and Tints of #c7a676

Tones of #c7a676

Color Blindness Simulator