#c4a667 hex color

In a RGB color space, hex #c4a667 is composed of 76.9% red, 65.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.3% magenta, 47.4% yellow and 23.1% black. It has a hue angle of 40.6 degrees, a saturation of 44.1% and a lightness of 58.6%. #c4a667 color hex could be obtained by blending #ffffce with #894d00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 65
- B 40
RGB color chart
- C 0
- M 15
- Y 47
- K 23
CMYK color chart

● #c4a667 color description : Slightly desaturated orange.

The hexadecimal color #c4a667 has RGB values of R:196, G:166, B:103 and CMYK values of C:0, M:0.15, Y:0.47, K:0.23. Its decimal value is 12887655.

Hex triplet	c4a667	`#c4a667`
RGB Decimal	196, 166, 103	`rgb(196,166,103)`
RGB Percent	76.9, 65.1, 40.4	`rgb(76.9%,65.1%,40.4%)`
CMYK	0, 15, 47, 23
HSL	40.6°, 44.1, 58.6	`hsl(40.6,44.1%,58.6%)`
HSV (or HSB)	40.6°, 47.4, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.462, 2.698, 36.567
XYZ	38.849, 39.989, 18.503
xyY	0.399, 0.411, 39.989
CIE-LCH	69.462, 36.667, 85.78
CIE-LUV	69.462, 23.491, 45.247
Hunter-Lab	63.237, -1.003, 26.917
Binary	11000100, 10100110, 01100111

#c4a667
```
#c4a667 rgb(196,166,103)
```
#6785c4
```
#6785c4 rgb(103,133,196)
```

Complementary Color

#c47867
```
#c47867 rgb(196,120,103)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#b4c467
```
#b4c467 rgb(180,196,103)
```

Analogous Color

#7867c4
```
#7867c4 rgb(120,103,196)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#67b4c4
```
#67b4c4 rgb(103,180,196)
```

Split Complementary Color

#a667c4
```
#a667c4 rgb(166,103,196)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#67c4a6
```
#67c4a6 rgb(103,196,166)
```

Triadic Color

#c46785
```
#c46785 rgb(196,103,133)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#67c4a6
```
#67c4a6 rgb(103,196,166)
```
#6785c4
```
#6785c4 rgb(103,133,196)
```

Tetradic Color

#a0813e
```
#a0813e rgb(160,129,62)
```
#b38f45
```
#b38f45 rgb(179,143,69)
```
#bd9b55
```
#bd9b55 rgb(189,155,85)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#cbb179
```
#cbb179 rgb(203,177,121)
```
#d2bc8c
```
#d2bc8c rgb(210,188,140)
```
#d9c69e
```
#d9c69e rgb(217,198,158)
```

Monochromatic Color

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

#c48f67
```
#c48f67 rgb(196,143,103)
```
#c49767
```
#c49767 rgb(196,151,103)
```
#c49e67
```
#c49e67 rgb(196,158,103)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#c4ae67
```
#c4ae67 rgb(196,174,103)
```
#c4b667
```
#c4b667 rgb(196,182,103)
```
#c4bd67
```
#c4bd67 rgb(196,189,103)
```

Similar Colors

Text with hexadecimal color #c4a667

This text has a font color of #c4a667.

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

#c4a667 background color

This paragraph has a background color of #c4a667.

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

#c4a667 border color

This element has a border color of #c4a667.

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

CSS codes

.text {color:#c4a667;}

.background {background-color:#c4a667;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#120e07
```
#120e07 rgb(18,14,7)
```
#20190c
```
#20190c rgb(32,25,12)
```
#2e2512
```
#2e2512 rgb(46,37,18)
```
#3c3017
```
#3c3017 rgb(60,48,23)
```
#4a3b1d
```
#4a3b1d rgb(74,59,29)
```
#584722
```
#584722 rgb(88,71,34)
```
#665228
```
#665228 rgb(102,82,40)
```
#745d2d
```
#745d2d rgb(116,93,45)
```
#836933
```
#836933 rgb(131,105,51)
```
#917438
```
#917438 rgb(145,116,56)
```
#9f803e
```
#9f803e rgb(159,128,62)
```
#ad8b43
```
#ad8b43 rgb(173,139,67)
```

Shade Color Variation

#b9954b
```
#b9954b rgb(185,149,75)
```
#bf9e59
```
#bf9e59 rgb(191,158,89)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#c9ae75
```
#c9ae75 rgb(201,174,117)
```
#cfb783
```
#cfb783 rgb(207,183,131)
```
#d4bf91
```
#d4bf91 rgb(212,191,145)
```
#dac7a0
```
#dac7a0 rgb(218,199,160)
```
#dfcfae
```
#dfcfae rgb(223,207,174)
```
#e5d8bc
```
#e5d8bc rgb(229,216,188)
```
#eae0ca
```
#eae0ca rgb(234,224,202)
```
#f0e8d8
```
#f0e8d8 rgb(240,232,216)
```
#f5f0e6
```
#f5f0e6 rgb(245,240,230)
```
#fbf9f4
```
#fbf9f4 rgb(251,249,244)
```

Tint Color Variation

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

#9b9890
```
#9b9890 rgb(155,152,144)
```
#a49a87
```
#a49a87 rgb(164,154,135)
```
#ac9d7f
```
#ac9d7f rgb(172,157,127)
```
#b4a077
```
#b4a077 rgb(180,160,119)
```
#bca36f
```
#bca36f rgb(188,163,111)
```
#c4a667
```
#c4a667 rgb(196,166,103)
```
#cca95f
```
#cca95f rgb(204,169,95)
```
#d4ac57
```
#d4ac57 rgb(212,172,87)
```
#dcaf4f
```
#dcaf4f rgb(220,175,79)
```
#e4b247
```
#e4b247 rgb(228,178,71)
```
#edb43e
```
#edb43e rgb(237,180,62)
```
#f5b736
```
#f5b736 rgb(245,183,54)
```
#fdba2e
```
#fdba2e rgb(253,186,46)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aea89b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdae70 Protanopia 1% of men
#d0a670 Deuteranopia 1% of men
#cda2ae Tritanopia 0.001% of the population

Trichromacy

#bfab6c Protanomaly 1% of men, 0.01% of women
#cca66c Deuteranomaly 6% of men, 0.4% of women
#caa394 Tritanomaly 0.01% of the population

#c4a667 hex color

#c4a667 Color Information

#c4a667 Color Conversion

Color Schemes with #c4a667

Alternatives to #c4a667

#c4a667 Preview

Shades and Tints of #c4a667

Tones of #c4a667

Color Blindness Simulator