#c4af84 hex color

In a RGB color space, hex #c4af84 is composed of 76.9% red, 68.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 32.7% yellow and 23.1% black. It has a hue angle of 40.3 degrees, a saturation of 35.2% and a lightness of 64.3%. #c4af84 color hex could be obtained by blending #ffffff with #895f09. Closest websafe color is: #cc9999.

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

● #c4af84 color description : Slightly desaturated orange.

The hexadecimal color #c4af84 has RGB values of R:196, G:175, B:132 and CMYK values of C:0, M:0.11, Y:0.33, K:0.23. Its decimal value is 12889988.

Hex triplet	c4af84	`#c4af84`
RGB Decimal	196, 175, 132	`rgb(196,175,132)`
RGB Percent	76.9, 68.6, 51.8	`rgb(76.9%,68.6%,51.8%)`
CMYK	0, 11, 33, 23
HSL	40.3°, 35.2, 64.3	`hsl(40.3,35.2%,64.3%)`
HSV (or HSB)	40.3°, 32.7, 76.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.27, 1.145, 24.845
XYZ	42.259, 44.063, 28.107
xyY	0.369, 0.385, 44.063
CIE-LCH	72.27, 24.871, 87.362
CIE-LUV	72.27, 15.789, 33.093
Hunter-Lab	66.38, -2.526, 21.36
Binary	11000100, 10101111, 10000100

#c4af84
```
#c4af84 rgb(196,175,132)
```
#8499c4
```
#8499c4 rgb(132,153,196)
```

Complementary Color

#c48f84
```
#c48f84 rgb(196,143,132)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#b9c484
```
#b9c484 rgb(185,196,132)
```

Analogous Color

#8f84c4
```
#8f84c4 rgb(143,132,196)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#84b9c4
```
#84b9c4 rgb(132,185,196)
```

Split Complementary Color

#af84c4
```
#af84c4 rgb(175,132,196)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#84c4af
```
#84c4af rgb(132,196,175)
```

Triadic Color

#c48499
```
#c48499 rgb(196,132,153)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#84c4af
```
#84c4af rgb(132,196,175)
```
#8499c4
```
#8499c4 rgb(132,153,196)
```

Tetradic Color

#aa8d52
```
#aa8d52 rgb(170,141,82)
```
#b39962
```
#b39962 rgb(179,153,98)
```
#bca473
```
#bca473 rgb(188,164,115)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#ccba95
```
#ccba95 rgb(204,186,149)
```
#d5c5a6
```
#d5c5a6 rgb(213,197,166)
```
#ddd1b8
```
#ddd1b8 rgb(221,209,184)
```

Monochromatic Color

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

#c49f84
```
#c49f84 rgb(196,159,132)
```
#c4a484
```
#c4a484 rgb(196,164,132)
```
#c4aa84
```
#c4aa84 rgb(196,170,132)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#c4b484
```
#c4b484 rgb(196,180,132)
```
#c4ba84
```
#c4ba84 rgb(196,186,132)
```
#c4bf84
```
#c4bf84 rgb(196,191,132)
```

Similar Colors

Text with hexadecimal color #c4af84

This text has a font color of #c4af84.

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

#c4af84 background color

This paragraph has a background color of #c4af84.

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

#c4af84 border color

This element has a border color of #c4af84.

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

CSS codes

.text {color:#c4af84;}

.background {background-color:#c4af84;}

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

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

#0a0805
```
#0a0805 rgb(10,8,5)
```
#17130b
```
#17130b rgb(23,19,11)
```
#241e11
```
#241e11 rgb(36,30,17)
```
#312918
```
#312918 rgb(49,41,24)
```
#3f341e
```
#3f341e rgb(63,52,30)
```
#4c3f24
```
#4c3f24 rgb(76,63,36)
```
#594a2b
```
#594a2b rgb(89,74,43)
```
#665531
```
#665531 rgb(102,85,49)
```
#746037
```
#746037 rgb(116,96,55)
```
#816b3e
```
#816b3e rgb(129,107,62)
```
#8e7644
```
#8e7644 rgb(142,118,68)
```
#9b814b
```
#9b814b rgb(155,129,75)
```
#a98c51
```
#a98c51 rgb(169,140,81)
```

Shade Color Variation

#b1955c
```
#b1955c rgb(177,149,92)
```
#b79e69
```
#b79e69 rgb(183,158,105)
```
#bea677
```
#bea677 rgb(190,166,119)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#cab891
```
#cab891 rgb(202,184,145)
```
#d1c09f
```
#d1c09f rgb(209,192,159)
```
#d7c9ac
```
#d7c9ac rgb(215,201,172)
```
#ddd1b9
```
#ddd1b9 rgb(221,209,185)
```
#e4dac6
```
#e4dac6 rgb(228,218,198)
```
#eae3d4
```
#eae3d4 rgb(234,227,212)
```
#f1ebe1
```
#f1ebe1 rgb(241,235,225)
```
#f7f4ee
```
#f7f4ee rgb(247,244,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#a8a5a0
```
#a8a5a0 rgb(168,165,160)
```
#afa899
```
#afa899 rgb(175,168,153)
```
#b6aa92
```
#b6aa92 rgb(182,170,146)
```
#bdad8b
```
#bdad8b rgb(189,173,139)
```
#c4af84
```
#c4af84 rgb(196,175,132)
```
#cbb17d
```
#cbb17d rgb(203,177,125)
```
#d2b476
```
#d2b476 rgb(210,180,118)
```
#d9b66f
```
#d9b66f rgb(217,182,111)
```
#e0b968
```
#e0b968 rgb(224,185,104)
```
#e7bb61
```
#e7bb61 rgb(231,187,97)
```
#eebd5a
```
#eebd5a rgb(238,189,90)
```
#f5c053
```
#f5c053 rgb(245,192,83)
```
#fcc24c
```
#fcc24c rgb(252,194,76)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b4b0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b48b Protanopia 1% of men
#d3ae8b Deuteranopia 1% of men
#cdacb8 Tritanopia 0.001% of the population

Trichromacy

#c2b288 Protanomaly 1% of men, 0.01% of women
#ceae89 Deuteranomaly 6% of men, 0.4% of women
#c9ada5 Tritanomaly 0.01% of the population

#c4af84 hex color

#c4af84 Color Information

#c4af84 Color Conversion

Color Schemes with #c4af84

Alternatives to #c4af84

#c4af84 Preview

Shades and Tints of #c4af84

Tones of #c4af84

Color Blindness Simulator