#c4af66 hex color

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

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

● #c4af66 color description : Slightly desaturated yellow.

The hexadecimal color #c4af66 has RGB values of R:196, G:175, B:102 and CMYK values of C:0, M:0.11, Y:0.48, K:0.23. Its decimal value is 12889958.

Hex triplet	c4af66	`#c4af66`
RGB Decimal	196, 175, 102	`rgb(196,175,102)`
RGB Percent	76.9, 68.6, 40	`rgb(76.9%,68.6%,40%)`
CMYK	0, 11, 48, 23
HSL	46.6°, 44.3, 58.4	`hsl(46.6,44.3%,58.4%)`
HSV (or HSB)	46.6°, 48, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.796, -2.203, 39.994
XYZ	40.493, 43.356, 18.805
xyY	0.394, 0.422, 43.356
CIE-LCH	71.796, 40.054, 93.153
CIE-LUV	71.796, 17.657, 50.262
Hunter-Lab	65.845, -5.457, 29.159
Binary	11000100, 10101111, 01100110

#c4af66
```
#c4af66 rgb(196,175,102)
```
#667bc4
```
#667bc4 rgb(102,123,196)
```

Complementary Color

#c48066
```
#c48066 rgb(196,128,102)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#aac466
```
#aac466 rgb(170,196,102)
```

Analogous Color

#8066c4
```
#8066c4 rgb(128,102,196)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#66aac4
```
#66aac4 rgb(102,170,196)
```

Split Complementary Color

#af66c4
```
#af66c4 rgb(175,102,196)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#66c4af
```
#66c4af rgb(102,196,175)
```

Triadic Color

#c4667b
```
#c4667b rgb(196,102,123)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#66c4af
```
#66c4af rgb(102,196,175)
```
#667bc4
```
#667bc4 rgb(102,123,196)
```

Tetradic Color

#a08a3e
```
#a08a3e rgb(160,138,62)
```
#b29a45
```
#b29a45 rgb(178,154,69)
```
#bda554
```
#bda554 rgb(189,165,84)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#cbb978
```
#cbb978 rgb(203,185,120)
```
#d2c28b
```
#d2c28b rgb(210,194,139)
```
#d9cc9d
```
#d9cc9d rgb(217,204,157)
```

Monochromatic Color

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

#c49866
```
#c49866 rgb(196,152,102)
```
#c49f66
```
#c49f66 rgb(196,159,102)
```
#c4a766
```
#c4a766 rgb(196,167,102)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#c4b766
```
#c4b766 rgb(196,183,102)
```
#c4bf66
```
#c4bf66 rgb(196,191,102)
```
#c2c466
```
#c2c466 rgb(194,196,102)
```

Similar Colors

Text with hexadecimal color #c4af66

This text has a font color of #c4af66.

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

#c4af66 background color

This paragraph has a background color of #c4af66.

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

#c4af66 border color

This element has a border color of #c4af66.

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

CSS codes

.text {color:#c4af66;}

.background {background-color:#c4af66;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110f07
```
#110f07 rgb(17,15,7)
```
#1f1b0c
```
#1f1b0c rgb(31,27,12)
```
#2d2711
```
#2d2711 rgb(45,39,17)
```
#3b3317
```
#3b3317 rgb(59,51,23)
```
#4a3f1c
```
#4a3f1c rgb(74,63,28)
```
#584c22
```
#584c22 rgb(88,76,34)
```
#665827
```
#665827 rgb(102,88,39)
```
#74642d
```
#74642d rgb(116,100,45)
```
#827032
```
#827032 rgb(130,112,50)
```
#907c38
```
#907c38 rgb(144,124,56)
```
#9e893d
```
#9e893d rgb(158,137,61)
```
#ad9543
```
#ad9543 rgb(173,149,67)
```

Shade Color Variation

#b9a04a
```
#b9a04a rgb(185,160,74)
```
#bfa858
```
#bfa858 rgb(191,168,88)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#c9b674
```
#c9b674 rgb(201,182,116)
```
#cfbe82
```
#cfbe82 rgb(207,190,130)
```
#d4c590
```
#d4c590 rgb(212,197,144)
```
#dacd9f
```
#dacd9f rgb(218,205,159)
```
#dfd4ad
```
#dfd4ad rgb(223,212,173)
```
#e5dbbb
```
#e5dbbb rgb(229,219,187)
```
#eae3c9
```
#eae3c9 rgb(234,227,201)
```
#f0ead7
```
#f0ead7 rgb(240,234,215)
```
#f5f2e5
```
#f5f2e5 rgb(245,242,229)
```
#fbf9f4
```
#fbf9f4 rgb(251,249,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 #fdcf2d is the most saturated one.

#9b988f
```
#9b988f rgb(155,152,143)
```
#a39d87
```
#a39d87 rgb(163,157,135)
```
#aca17e
```
#aca17e rgb(172,161,126)
```
#b4a676
```
#b4a676 rgb(180,166,118)
```
#bcaa6e
```
#bcaa6e rgb(188,170,110)
```
#c4af66
```
#c4af66 rgb(196,175,102)
```
#ccb45e
```
#ccb45e rgb(204,180,94)
```
#d4b856
```
#d4b856 rgb(212,184,86)
```
#dcbd4e
```
#dcbd4e rgb(220,189,78)
```
#e5c145
```
#e5c145 rgb(229,193,69)
```
#edc63d
```
#edc63d rgb(237,198,61)
```
#f5ca35
```
#f5ca35 rgb(245,202,53)
```
#fdcf2d
```
#fdcf2d rgb(253,207,45)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b2ad9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b46e Protanopia 1% of men
#d8ac70 Deuteranopia 1% of men
#cfaab6 Tritanopia 0.001% of the population

Trichromacy

#c4b26b Protanomaly 1% of men, 0.01% of women
#d1ad6c Deuteranomaly 6% of men, 0.4% of women
#cbac99 Tritanomaly 0.01% of the population

#c4af66 hex color

#c4af66 Color Information

#c4af66 Color Conversion

Color Schemes with #c4af66

Alternatives to #c4af66

#c4af66 Preview

Shades and Tints of #c4af66

Tones of #c4af66

Color Blindness Simulator