#c4af63 hex color

In a RGB color space, hex #c4af63 is composed of 76.9% red, 68.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 49.5% yellow and 23.1% black. It has a hue angle of 47 degrees, a saturation of 45.1% and a lightness of 57.8%. #c4af63 color hex could be obtained by blending #ffffc6 with #895f00. Closest websafe color is: #cc9966.

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

● #c4af63 color description : Slightly desaturated yellow.

The hexadecimal color #c4af63 has RGB values of R:196, G:175, B:99 and CMYK values of C:0, M:0.11, Y:0.49, K:0.23. Its decimal value is 12889955.

Hex triplet	c4af63	`#c4af63`
RGB Decimal	196, 175, 99	`rgb(196,175,99)`
RGB Percent	76.9, 68.6, 38.8	`rgb(76.9%,68.6%,38.8%)`
CMYK	0, 11, 49, 23
HSL	47°, 45.1, 57.8	`hsl(47,45.1%,57.8%)`
HSV (or HSB)	47°, 49.5, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.757, -2.486, 41.466
XYZ	40.347, 43.298, 18.036
xyY	0.397, 0.426, 43.298
CIE-LCH	71.757, 41.54, 93.431
CIE-LUV	71.757, 17.82, 51.756
Hunter-Lab	65.801, -5.701, 29.81
Binary	11000100, 10101111, 01100011

#c4af63
```
#c4af63 rgb(196,175,99)
```
#6378c4
```
#6378c4 rgb(99,120,196)
```

Complementary Color

#c47f63
```
#c47f63 rgb(196,127,99)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#a9c463
```
#a9c463 rgb(169,196,99)
```

Analogous Color

#7f63c4
```
#7f63c4 rgb(127,99,196)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#63a9c4
```
#63a9c4 rgb(99,169,196)
```

Split Complementary Color

#af63c4
```
#af63c4 rgb(175,99,196)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#63c4af
```
#63c4af rgb(99,196,175)
```

Triadic Color

#c46378
```
#c46378 rgb(196,99,120)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#63c4af
```
#63c4af rgb(99,196,175)
```
#6378c4
```
#6378c4 rgb(99,120,196)
```

Tetradic Color

#9f893c
```
#9f893c rgb(159,137,60)
```
#b19943
```
#b19943 rgb(177,153,67)
```
#bda650
```
#bda650 rgb(189,166,80)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#cbb876
```
#cbb876 rgb(203,184,118)
```
#d2c288
```
#d2c288 rgb(210,194,136)
```
#d9cb9b
```
#d9cb9b rgb(217,203,155)
```

Monochromatic Color

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

#c49763
```
#c49763 rgb(196,151,99)
```
#c49f63
```
#c49f63 rgb(196,159,99)
```
#c4a763
```
#c4a763 rgb(196,167,99)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#c4b763
```
#c4b763 rgb(196,183,99)
```
#c4bf63
```
#c4bf63 rgb(196,191,99)
```
#c1c463
```
#c1c463 rgb(193,196,99)
```

Similar Colors

Text with hexadecimal color #c4af63

This text has a font color of #c4af63.

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

#c4af63 background color

This paragraph has a background color of #c4af63.

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

#c4af63 border color

This element has a border color of #c4af63.

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

CSS codes

.text {color:#c4af63;}

.background {background-color:#c4af63;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0d06
```
#0f0d06 rgb(15,13,6)
```
#1d190b
```
#1d190b rgb(29,25,11)
```
#2b2510
```
#2b2510 rgb(43,37,16)
```
#393216
```
#393216 rgb(57,50,22)
```
#483e1b
```
#483e1b rgb(72,62,27)
```
#564a21
```
#564a21 rgb(86,74,33)
```
#645726
```
#645726 rgb(100,87,38)
```
#72632b
```
#72632b rgb(114,99,43)
```
#816f31
```
#816f31 rgb(129,111,49)
```
#8f7c36
```
#8f7c36 rgb(143,124,54)
```
#9d883b
```
#9d883b rgb(157,136,59)
```
#ab9441
```
#ab9441 rgb(171,148,65)
```

Shade Color Variation

#b9a047
```
#b9a047 rgb(185,160,71)
```
#bfa855
```
#bfa855 rgb(191,168,85)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#c9b671
```
#c9b671 rgb(201,182,113)
```
#cfbe7f
```
#cfbe7f rgb(207,190,127)
```
#d4c58e
```
#d4c58e rgb(212,197,142)
```
#dacc9c
```
#dacc9c rgb(218,204,156)
```
#dfd3aa
```
#dfd3aa rgb(223,211,170)
```
#e4dbb8
```
#e4dbb8 rgb(228,219,184)
```
#eae2c7
```
#eae2c7 rgb(234,226,199)
```
#efe9d5
```
#efe9d5 rgb(239,233,213)
```
#f4f1e3
```
#f4f1e3 rgb(244,241,227)
```
#faf8f1
```
#faf8f1 rgb(250,248,241)
```

Tint Color Variation

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

#9b988c
```
#9b988c rgb(155,152,140)
```
#a39c84
```
#a39c84 rgb(163,156,132)
```
#aba17c
```
#aba17c rgb(171,161,124)
```
#b3a674
```
#b3a674 rgb(179,166,116)
```
#bcaa6b
```
#bcaa6b rgb(188,170,107)
```
#c4af63
```
#c4af63 rgb(196,175,99)
```
#ccb45b
```
#ccb45b rgb(204,180,91)
```
#d5b852
```
#d5b852 rgb(213,184,82)
```
#ddbd4a
```
#ddbd4a rgb(221,189,74)
```
#e5c242
```
#e5c242 rgb(229,194,66)
```
#edc63a
```
#edc63a rgb(237,198,58)
```
#f6cb31
```
#f6cb31 rgb(246,203,49)
```
#fed029
```
#fed029 rgb(254,208,41)
```

Tone Color Variation

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

Dichromacy

#c4b36b Protanopia 1% of men
#d9ac6d Deuteranopia 1% of men
#cfaab6 Tritanopia 0.001% of the population

Trichromacy

#c4b268 Protanomaly 1% of men, 0.01% of women
#d1ad69 Deuteranomaly 6% of men, 0.4% of women
#cbab97 Tritanomaly 0.01% of the population

#c4af63 hex color

#c4af63 Color Information

#c4af63 Color Conversion

Color Schemes with #c4af63

Alternatives to #c4af63

#c4af63 Preview

Shades and Tints of #c4af63

Tones of #c4af63

Color Blindness Simulator