#c4a366 hex color

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

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

● #c4a366 color description : Slightly desaturated orange.

The hexadecimal color #c4a366 has RGB values of R:196, G:163, B:102 and CMYK values of C:0, M:0.17, Y:0.48, K:0.23. Its decimal value is 12886886.

Hex triplet	c4a366	`#c4a366`
RGB Decimal	196, 163, 102	`rgb(196,163,102)`
RGB Percent	76.9, 63.9, 40	`rgb(76.9%,63.9%,40%)`
CMYK	0, 17, 48, 23
HSL	38.9°, 44.3, 58.4	`hsl(38.9,44.3%,58.4%)`
HSV (or HSB)	38.9°, 48, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.672, 4.216, 36.097
XYZ	38.26, 38.891, 18.061
xyY	0.402, 0.408, 38.891
CIE-LCH	68.672, 36.342, 83.338
CIE-LUV	68.672, 25.549, 44.27
Hunter-Lab	62.363, 0.379, 26.483
Binary	11000100, 10100011, 01100110

#c4a366
```
#c4a366 rgb(196,163,102)
```
#6687c4
```
#6687c4 rgb(102,135,196)
```

Complementary Color

#c47466
```
#c47466 rgb(196,116,102)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#b6c466
```
#b6c466 rgb(182,196,102)
```

Analogous Color

#7466c4
```
#7466c4 rgb(116,102,196)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#66b6c4
```
#66b6c4 rgb(102,182,196)
```

Split Complementary Color

#a366c4
```
#a366c4 rgb(163,102,196)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#66c4a3
```
#66c4a3 rgb(102,196,163)
```

Triadic Color

#c46687
```
#c46687 rgb(196,102,135)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#66c4a3
```
#66c4a3 rgb(102,196,163)
```
#6687c4
```
#6687c4 rgb(102,135,196)
```

Tetradic Color

#a07d3e
```
#a07d3e rgb(160,125,62)
```
#b28c45
```
#b28c45 rgb(178,140,69)
```
#bd9854
```
#bd9854 rgb(189,152,84)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#cbae78
```
#cbae78 rgb(203,174,120)
```
#d2b98b
```
#d2b98b rgb(210,185,139)
```
#d9c49d
```
#d9c49d rgb(217,196,157)
```

Monochromatic Color

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

#c48c66
```
#c48c66 rgb(196,140,102)
```
#c49366
```
#c49366 rgb(196,147,102)
```
#c49b66
```
#c49b66 rgb(196,155,102)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#c4ab66
```
#c4ab66 rgb(196,171,102)
```
#c4b366
```
#c4b366 rgb(196,179,102)
```
#c4bb66
```
#c4bb66 rgb(196,187,102)
```

Similar Colors

Text with hexadecimal color #c4a366

This text has a font color of #c4a366.

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

#c4a366 background color

This paragraph has a background color of #c4a366.

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

#c4a366 border color

This element has a border color of #c4a366.

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

CSS codes

.text {color:#c4a366;}

.background {background-color:#c4a366;}

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

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)
```
#110d07
```
#110d07 rgb(17,13,7)
```
#1f180c
```
#1f180c rgb(31,24,12)
```
#2d2311
```
#2d2311 rgb(45,35,17)
```
#3b2f17
```
#3b2f17 rgb(59,47,23)
```
#4a3a1c
```
#4a3a1c rgb(74,58,28)
```
#584522
```
#584522 rgb(88,69,34)
```
#665027
```
#665027 rgb(102,80,39)
```
#745b2d
```
#745b2d rgb(116,91,45)
```
#826632
```
#826632 rgb(130,102,50)
```
#907138
```
#907138 rgb(144,113,56)
```
#9e7c3d
```
#9e7c3d rgb(158,124,61)
```
#ad8743
```
#ad8743 rgb(173,135,67)
```

Shade Color Variation

#b9924a
```
#b9924a rgb(185,146,74)
```
#bf9a58
```
#bf9a58 rgb(191,154,88)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#c9ac74
```
#c9ac74 rgb(201,172,116)
```
#cfb482
```
#cfb482 rgb(207,180,130)
```
#d4bd90
```
#d4bd90 rgb(212,189,144)
```
#dac59f
```
#dac59f rgb(218,197,159)
```
#dfcead
```
#dfcead rgb(223,206,173)
```
#e5d6bb
```
#e5d6bb rgb(229,214,187)
```
#eadfc9
```
#eadfc9 rgb(234,223,201)
```
#f0e7d7
```
#f0e7d7 rgb(240,231,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, #9b978f is the less saturated color, while #fdb42d is the most saturated one.

#9b978f
```
#9b978f rgb(155,151,143)
```
#a39987
```
#a39987 rgb(163,153,135)
```
#ac9c7e
```
#ac9c7e rgb(172,156,126)
```
#b49e76
```
#b49e76 rgb(180,158,118)
```
#bca16e
```
#bca16e rgb(188,161,110)
```
#c4a366
```
#c4a366 rgb(196,163,102)
```
#cca55e
```
#cca55e rgb(204,165,94)
```
#d4a856
```
#d4a856 rgb(212,168,86)
```
#dcaa4e
```
#dcaa4e rgb(220,170,78)
```
#e5ad45
```
#e5ad45 rgb(229,173,69)
```
#edaf3d
```
#edaf3d rgb(237,175,61)
```
#f5b235
```
#f5b235 rgb(245,178,53)
```
#fdb42d
```
#fdb42d rgb(253,180,45)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aca599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baac6f Protanopia 1% of men
#cea46e Deuteranopia 1% of men
#cda0ab Tritanopia 0.001% of the population

Trichromacy

#bea86c Protanomaly 1% of men, 0.01% of women
#caa46b Deuteranomaly 6% of men, 0.4% of women
#caa192 Tritanomaly 0.01% of the population

#c4a366 hex color

#c4a366 Color Information

#c4a366 Color Conversion

Color Schemes with #c4a366

Alternatives to #c4a366

#c4a366 Preview

Shades and Tints of #c4a366

Tones of #c4a366

Color Blindness Simulator