#c2a676 hex color

In a RGB color space, hex #c2a676 is composed of 76.1% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.4% magenta, 39.2% yellow and 23.9% black. It has a hue angle of 37.9 degrees, a saturation of 38.4% and a lightness of 61.2%. #c2a676 color hex could be obtained by blending #ffffec with #854d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 76
- G 65
- B 46
RGB color chart
- C 0
- M 14
- Y 39
- K 24
CMYK color chart

● #c2a676 color description : Slightly desaturated orange.

The hexadecimal color #c2a676 has RGB values of R:194, G:166, B:118 and CMYK values of C:0, M:0.14, Y:0.39, K:0.24. Its decimal value is 12756598.

Hex triplet	c2a676	`#c2a676`
RGB Decimal	194, 166, 118	`rgb(194,166,118)`
RGB Percent	76.1, 65.1, 46.3	`rgb(76.1%,65.1%,46.3%)`
CMYK	0, 14, 39, 24
HSL	37.9°, 38.4, 61.2	`hsl(37.9,38.4%,61.2%)`
HSV (or HSB)	37.9°, 39.2, 76.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.506, 3.475, 28.647
XYZ	39.154, 40.051, 22.807
xyY	0.384, 0.393, 40.051
CIE-LCH	69.506, 28.857, 83.083
CIE-LUV	69.506, 21.021, 36.633
Hunter-Lab	63.286, -0.314, 22.933
Binary	11000010, 10100110, 01110110

#c2a676
```
#c2a676 rgb(194,166,118)
```
#7692c2
```
#7692c2 rgb(118,146,194)
```

Complementary Color

#c28076
```
#c28076 rgb(194,128,118)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#b8c276
```
#b8c276 rgb(184,194,118)
```

Analogous Color

#8076c2
```
#8076c2 rgb(128,118,194)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#76b8c2
```
#76b8c2 rgb(118,184,194)
```

Split Complementary Color

#a676c2
```
#a676c2 rgb(166,118,194)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#76c2a6
```
#76c2a6 rgb(118,194,166)
```

Triadic Color

#c27692
```
#c27692 rgb(194,118,146)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#76c2a6
```
#76c2a6 rgb(118,194,166)
```
#7692c2
```
#7692c2 rgb(118,146,194)
```

Tetradic Color

#a38249
```
#a38249 rgb(163,130,73)
```
#b28f53
```
#b28f53 rgb(178,143,83)
```
#ba9b64
```
#ba9b64 rgb(186,155,100)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#cab188
```
#cab188 rgb(202,177,136)
```
#d2bd99
```
#d2bd99 rgb(210,189,153)
```
#dac8ab
```
#dac8ab rgb(218,200,171)
```

Monochromatic Color

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

#c29376
```
#c29376 rgb(194,147,118)
```
#c29976
```
#c29976 rgb(194,153,118)
```
#c2a076
```
#c2a076 rgb(194,160,118)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#c2ac76
```
#c2ac76 rgb(194,172,118)
```
#c2b376
```
#c2b376 rgb(194,179,118)
```
#c2b976
```
#c2b976 rgb(194,185,118)
```

Similar Colors

Text with hexadecimal color #c2a676

This text has a font color of #c2a676.

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

#c2a676 background color

This paragraph has a background color of #c2a676.

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

#c2a676 border color

This element has a border color of #c2a676.

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

CSS codes

.text {color:#c2a676;}

.background {background-color:#c2a676;}

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

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

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#1a150c
```
#1a150c rgb(26,21,12)
```
#271f12
```
#271f12 rgb(39,31,18)
```
#352a18
```
#352a18 rgb(53,42,24)
```
#43351e
```
#43351e rgb(67,53,30)
```
#504024
```
#504024 rgb(80,64,36)
```
#5e4b2a
```
#5e4b2a rgb(94,75,42)
```
#6b5530
```
#6b5530 rgb(107,85,48)
```
#796036
```
#796036 rgb(121,96,54)
```
#866b3c
```
#866b3c rgb(134,107,60)
```
#947642
```
#947642 rgb(148,118,66)
```
#a28148
```
#a28148 rgb(162,129,72)
```
#af8b4e
```
#af8b4e rgb(175,139,78)
```

Shade Color Variation

#b6945b
```
#b6945b rgb(182,148,91)
```
#bc9d68
```
#bc9d68 rgb(188,157,104)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#c8af84
```
#c8af84 rgb(200,175,132)
```
#ceb891
```
#ceb891 rgb(206,184,145)
```
#d4c09f
```
#d4c09f rgb(212,192,159)
```
#dac9ac
```
#dac9ac rgb(218,201,172)
```
#e0d2ba
```
#e0d2ba rgb(224,210,186)
```
#e6dbc7
```
#e6dbc7 rgb(230,219,199)
```
#ece4d5
```
#ece4d5 rgb(236,228,213)
```
#f2ede3
```
#f2ede3 rgb(242,237,227)
```
#f8f5f0
```
#f8f5f0 rgb(248,245,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a49e94
```
#a49e94 rgb(164,158,148)
```
#aba08d
```
#aba08d rgb(171,160,141)
```
#b3a285
```
#b3a285 rgb(179,162,133)
```
#baa47e
```
#baa47e rgb(186,164,126)
```
#c2a676
```
#c2a676 rgb(194,166,118)
```
#caa86e
```
#caa86e rgb(202,168,110)
```
#d1aa67
```
#d1aa67 rgb(209,170,103)
```
#d9ac5f
```
#d9ac5f rgb(217,172,95)
```
#e0ae58
```
#e0ae58 rgb(224,174,88)
```
#e8b050
```
#e8b050 rgb(232,176,80)
```
#f0b248
```
#f0b248 rgb(240,178,72)
```
#f7b441
```
#f7b441 rgb(247,180,65)
```
#ffb639
```
#ffb639 rgb(255,182,57)
```

Tone Color Variation

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

#bbad7e Protanopia 1% of men
#cda77e Deuteranopia 1% of men
#cba3af Tritanopia 0.001% of the population

Trichromacy

#bdab7b Protanomaly 1% of men, 0.01% of women
#c9a67b Deuteranomaly 6% of men, 0.4% of women
#c7a49a Tritanomaly 0.01% of the population

#c2a676 hex color

#c2a676 Color Information

#c2a676 Color Conversion

Color Schemes with #c2a676

Alternatives to #c2a676

#c2a676 Preview

Shades and Tints of #c2a676

Tones of #c2a676

Color Blindness Simulator