#c4a866 hex color

In a RGB color space, hex #c4a866 is composed of 76.9% red, 65.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.3% magenta, 48% yellow and 23.1% black. It has a hue angle of 42.1 degrees, a saturation of 44.3% and a lightness of 58.4%. #c4a866 color hex could be obtained by blending #ffffcc with #895100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 66
- B 40
RGB color chart
- C 0
- M 14
- Y 48
- K 23
CMYK color chart

● #c4a866 color description : Slightly desaturated orange.

The hexadecimal color #c4a866 has RGB values of R:196, G:168, B:102 and CMYK values of C:0, M:0.14, Y:0.48, K:0.23. Its decimal value is 12888166.

Hex triplet	c4a866	`#c4a866`
RGB Decimal	196, 168, 102	`rgb(196,168,102)`
RGB Percent	76.9, 65.9, 40	`rgb(76.9%,65.9%,40%)`
CMYK	0, 14, 48, 23
HSL	42.1°, 44.3, 58.4	`hsl(42.1,44.3%,58.4%)`
HSV (or HSB)	42.1°, 48, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.966, 1.527, 37.719
XYZ	39.166, 40.702, 18.363
xyY	0.399, 0.414, 40.702
CIE-LCH	69.966, 37.75, 87.682
CIE-LUV	69.966, 22.237, 46.771
Hunter-Lab	63.798, -2.064, 27.593
Binary	11000100, 10101000, 01100110

#c4a866
```
#c4a866 rgb(196,168,102)
```
#6682c4
```
#6682c4 rgb(102,130,196)
```

Complementary Color

#c47966
```
#c47966 rgb(196,121,102)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#b1c466
```
#b1c466 rgb(177,196,102)
```

Analogous Color

#7966c4
```
#7966c4 rgb(121,102,196)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#66b1c4
```
#66b1c4 rgb(102,177,196)
```

Split Complementary Color

#a866c4
```
#a866c4 rgb(168,102,196)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#66c4a8
```
#66c4a8 rgb(102,196,168)
```

Triadic Color

#c46682
```
#c46682 rgb(196,102,130)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#66c4a8
```
#66c4a8 rgb(102,196,168)
```
#6682c4
```
#6682c4 rgb(102,130,196)
```

Tetradic Color

#a0833e
```
#a0833e rgb(160,131,62)
```
#b29245
```
#b29245 rgb(178,146,69)
```
#bd9e54
```
#bd9e54 rgb(189,158,84)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#cbb278
```
#cbb278 rgb(203,178,120)
```
#d2bd8b
```
#d2bd8b rgb(210,189,139)
```
#d9c79d
```
#d9c79d rgb(217,199,157)
```

Monochromatic Color

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

#c49166
```
#c49166 rgb(196,145,102)
```
#c49866
```
#c49866 rgb(196,152,102)
```
#c4a066
```
#c4a066 rgb(196,160,102)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#c4b066
```
#c4b066 rgb(196,176,102)
```
#c4b866
```
#c4b866 rgb(196,184,102)
```
#c4c066
```
#c4c066 rgb(196,192,102)
```

Similar Colors

Text with hexadecimal color #c4a866

This text has a font color of #c4a866.

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

#c4a866 background color

This paragraph has a background color of #c4a866.

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

#c4a866 border color

This element has a border color of #c4a866.

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

CSS codes

.text {color:#c4a866;}

.background {background-color:#c4a866;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110e07
```
#110e07 rgb(17,14,7)
```
#1f190c
```
#1f190c rgb(31,25,12)
```
#2d2511
```
#2d2511 rgb(45,37,17)
```
#3b3017
```
#3b3017 rgb(59,48,23)
```
#4a3c1c
```
#4a3c1c rgb(74,60,28)
```
#584822
```
#584822 rgb(88,72,34)
```
#665327
```
#665327 rgb(102,83,39)
```
#745f2d
```
#745f2d rgb(116,95,45)
```
#826a32
```
#826a32 rgb(130,106,50)
```
#907638
```
#907638 rgb(144,118,56)
```
#9e813d
```
#9e813d rgb(158,129,61)
```
#ad8d43
```
#ad8d43 rgb(173,141,67)
```

Shade Color Variation

#b9984a
```
#b9984a rgb(185,152,74)
```
#bfa058
```
#bfa058 rgb(191,160,88)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#c9b074
```
#c9b074 rgb(201,176,116)
```
#cfb882
```
#cfb882 rgb(207,184,130)
```
#d4c090
```
#d4c090 rgb(212,192,144)
```
#dac89f
```
#dac89f rgb(218,200,159)
```
#dfd0ad
```
#dfd0ad rgb(223,208,173)
```
#e5d8bb
```
#e5d8bb rgb(229,216,187)
```
#eae0c9
```
#eae0c9 rgb(234,224,201)
```
#f0e8d7
```
#f0e8d7 rgb(240,232,215)
```
#f5f0e5
```
#f5f0e5 rgb(245,240,229)
```
#fbf8f4
```
#fbf8f4 rgb(251,248,244)
```

Tint Color Variation

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

#9b988f
```
#9b988f rgb(155,152,143)
```
#a39b87
```
#a39b87 rgb(163,155,135)
```
#ac9e7e
```
#ac9e7e rgb(172,158,126)
```
#b4a176
```
#b4a176 rgb(180,161,118)
```
#bca56e
```
#bca56e rgb(188,165,110)
```
#c4a866
```
#c4a866 rgb(196,168,102)
```
#ccab5e
```
#ccab5e rgb(204,171,94)
```
#d4af56
```
#d4af56 rgb(212,175,86)
```
#dcb24e
```
#dcb24e rgb(220,178,78)
```
#e5b545
```
#e5b545 rgb(229,181,69)
```
#edb83d
```
#edb83d rgb(237,184,61)
```
#f5bc35
```
#f5bc35 rgb(245,188,53)
```
#fdbf2d
```
#fdbf2d rgb(253,191,45)
```

Tone Color Variation

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

Dichromacy

#beaf6e Protanopia 1% of men
#d2a76f Deuteranopia 1% of men
#cea4af Tritanopia 0.001% of the population

Trichromacy

#c0ac6b Protanomaly 1% of men, 0.01% of women
#cda76b Deuteranomaly 6% of men, 0.4% of women
#caa595 Tritanomaly 0.01% of the population

#c4a866 hex color

#c4a866 Color Information

#c4a866 Color Conversion

Color Schemes with #c4a866

Alternatives to #c4a866

#c4a866 Preview

Shades and Tints of #c4a866

Tones of #c4a866

Color Blindness Simulator