#c4af76 hex color

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

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

● #c4af76 color description : Slightly desaturated orange.

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

Hex triplet	c4af76	`#c4af76`
RGB Decimal	196, 175, 118	`rgb(196,175,118)`
RGB Percent	76.9, 68.6, 46.3	`rgb(76.9%,68.6%,46.3%)`
CMYK	0, 11, 40, 23
HSL	43.8°, 39.8, 61.6	`hsl(43.8,39.8%,61.6%)`
HSV (or HSB)	43.8°, 39.8, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.031, -0.535, 31.987
XYZ	41.365, 43.705, 23.396
xyY	0.381, 0.403, 43.705
CIE-LCH	72.031, 31.991, 90.958
CIE-LUV	72.031, 16.713, 41.59
Hunter-Lab	66.11, -4.004, 25.295
Binary	11000100, 10101111, 01110110

#c4af76
```
#c4af76 rgb(196,175,118)
```
#768bc4
```
#768bc4 rgb(118,139,196)
```

Complementary Color

#c48876
```
#c48876 rgb(196,136,118)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#b2c476
```
#b2c476 rgb(178,196,118)
```

Analogous Color

#8876c4
```
#8876c4 rgb(136,118,196)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#76b2c4
```
#76b2c4 rgb(118,178,196)
```

Split Complementary Color

#af76c4
```
#af76c4 rgb(175,118,196)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#76c4af
```
#76c4af rgb(118,196,175)
```

Triadic Color

#c4768b
```
#c4768b rgb(196,118,139)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#76c4af
```
#76c4af rgb(118,196,175)
```
#768bc4
```
#768bc4 rgb(118,139,196)
```

Tetradic Color

#a68d47
```
#a68d47 rgb(166,141,71)
```
#b59a52
```
#b59a52 rgb(181,154,82)
```
#bca564
```
#bca564 rgb(188,165,100)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#ccb988
```
#ccb988 rgb(204,185,136)
```
#d3c49a
```
#d3c49a rgb(211,196,154)
```
#dbceab
```
#dbceab rgb(219,206,171)
```

Monochromatic Color

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

#c49c76
```
#c49c76 rgb(196,156,118)
```
#c4a276
```
#c4a276 rgb(196,162,118)
```
#c4a976
```
#c4a976 rgb(196,169,118)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#c4b676
```
#c4b676 rgb(196,182,118)
```
#c4bc76
```
#c4bc76 rgb(196,188,118)
```
#c4c376
```
#c4c376 rgb(196,195,118)
```

Similar Colors

Text with hexadecimal color #c4af76

This text has a font color of #c4af76.

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

#c4af76 background color

This paragraph has a background color of #c4af76.

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

#c4af76 border color

This element has a border color of #c4af76.

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

CSS codes

.text {color:#c4af76;}

.background {background-color:#c4af76;}

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

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 #f9f7f1 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0e0c06
```
#0e0c06 rgb(14,12,6)
```
#1c170c
```
#1c170c rgb(28,23,12)
```
#292312
```
#292312 rgb(41,35,18)
```
#372f18
```
#372f18 rgb(55,47,24)
```
#453a1e
```
#453a1e rgb(69,58,30)
```
#524623
```
#524623 rgb(82,70,35)
```
#605129
```
#605129 rgb(96,81,41)
```
#6e5d2f
```
#6e5d2f rgb(110,93,47)
```
#7c6935
```
#7c6935 rgb(124,105,53)
```
#89743b
```
#89743b rgb(137,116,59)
```
#978041
```
#978041 rgb(151,128,65)
```
#a58b47
```
#a58b47 rgb(165,139,71)
```

Shade Color Variation

#b2974d
```
#b2974d rgb(178,151,77)
```
#b89f5b
```
#b89f5b rgb(184,159,91)
```
#bea768
```
#bea768 rgb(190,167,104)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#cab784
```
#cab784 rgb(202,183,132)
```
#d0bf91
```
#d0bf91 rgb(208,191,145)
```
#d6c79f
```
#d6c79f rgb(214,199,159)
```
#dccfad
```
#dccfad rgb(220,207,173)
```
#e2d7bb
```
#e2d7bb rgb(226,215,187)
```
#e7dfc8
```
#e7dfc8 rgb(231,223,200)
```
#ede7d6
```
#ede7d6 rgb(237,231,214)
```
#f3efe4
```
#f3efe4 rgb(243,239,228)
```
#f9f7f1
```
#f9f7f1 rgb(249,247,241)
```

Tint Color Variation

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

#9e9e9c
```
#9e9e9c rgb(158,158,156)
```
#a6a194
```
#a6a194 rgb(166,161,148)
```
#ada58d
```
#ada58d rgb(173,165,141)
```
#b5a885
```
#b5a885 rgb(181,168,133)
```
#bcac7e
```
#bcac7e rgb(188,172,126)
```
#c4af76
```
#c4af76 rgb(196,175,118)
```
#ccb26e
```
#ccb26e rgb(204,178,110)
```
#d3b667
```
#d3b667 rgb(211,182,103)
```
#dbb95f
```
#dbb95f rgb(219,185,95)
```
#e2bd58
```
#e2bd58 rgb(226,189,88)
```
#eac050
```
#eac050 rgb(234,192,80)
```
#f1c449
```
#f1c449 rgb(241,196,73)
```
#f9c741
```
#f9c741 rgb(249,199,65)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b3afa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b47d Protanopia 1% of men
#d6ad7e Deuteranopia 1% of men
#ceabb7 Tritanopia 0.001% of the population

Trichromacy

#c3b27a Protanomaly 1% of men, 0.01% of women
#cfad7b Deuteranomaly 6% of men, 0.4% of women
#caac9f Tritanomaly 0.01% of the population

#c4af76 hex color

#c4af76 Color Information

#c4af76 Color Conversion

Color Schemes with #c4af76

Alternatives to #c4af76

#c4af76 Preview

Shades and Tints of #c4af76

Tones of #c4af76

Color Blindness Simulator