#c4af77 hex color

In a RGB color space, hex #c4af77 is composed of 76.9% red, 68.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 39.3% yellow and 23.1% black. It has a hue angle of 43.6 degrees, a saturation of 39.5% and a lightness of 61.8%. #c4af77 color hex could be obtained by blending #ffffee with #895f00. Closest websafe color is: #cc9966.

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

● #c4af77 color description : Slightly desaturated orange.

The hexadecimal color #c4af77 has RGB values of R:196, G:175, B:119 and CMYK values of C:0, M:0.11, Y:0.39, K:0.23. Its decimal value is 12889975.

Hex triplet	c4af77	`#c4af77`
RGB Decimal	196, 175, 119	`rgb(196,175,119)`
RGB Percent	76.9, 68.6, 46.7	`rgb(76.9%,68.6%,46.7%)`
CMYK	0, 11, 39, 23
HSL	43.6°, 39.5, 61.8	`hsl(43.6,39.5%,61.8%)`
HSV (or HSB)	43.6°, 39.3, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.047, -0.421, 31.48
XYZ	41.424, 43.729, 23.71
xyY	0.381, 0.402, 43.729
CIE-LCH	72.047, 31.483, 90.767
CIE-LUV	72.047, 16.65, 41.01
Hunter-Lab	66.128, -3.905, 25.031
Binary	11000100, 10101111, 01110111

#c4af77
```
#c4af77 rgb(196,175,119)
```
#778cc4
```
#778cc4 rgb(119,140,196)
```

Complementary Color

#c48977
```
#c48977 rgb(196,137,119)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#b3c477
```
#b3c477 rgb(179,196,119)
```

Analogous Color

#8977c4
```
#8977c4 rgb(137,119,196)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#77b3c4
```
#77b3c4 rgb(119,179,196)
```

Split Complementary Color

#af77c4
```
#af77c4 rgb(175,119,196)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#77c4af
```
#77c4af rgb(119,196,175)
```

Triadic Color

#c4778c
```
#c4778c rgb(196,119,140)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#77c4af
```
#77c4af rgb(119,196,175)
```
#778cc4
```
#778cc4 rgb(119,140,196)
```

Tetradic Color

#a68d48
```
#a68d48 rgb(166,141,72)
```
#b59a53
```
#b59a53 rgb(181,154,83)
```
#bca565
```
#bca565 rgb(188,165,101)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#ccb989
```
#ccb989 rgb(204,185,137)
```
#d3c49b
```
#d3c49b rgb(211,196,155)
```
#dbceac
```
#dbceac rgb(219,206,172)
```

Monochromatic Color

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

#c49c77
```
#c49c77 rgb(196,156,119)
```
#c4a277
```
#c4a277 rgb(196,162,119)
```
#c4a977
```
#c4a977 rgb(196,169,119)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#c4b577
```
#c4b577 rgb(196,181,119)
```
#c4bc77
```
#c4bc77 rgb(196,188,119)
```
#c4c277
```
#c4c277 rgb(196,194,119)
```

Similar Colors

Text with hexadecimal color #c4af77

This text has a font color of #c4af77.

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

#c4af77 background color

This paragraph has a background color of #c4af77.

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

#c4af77 border color

This element has a border color of #c4af77.

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

CSS codes

.text {color:#c4af77;}

.background {background-color:#c4af77;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e0c06
```
#0e0c06 rgb(14,12,6)
```
#1c180c
```
#1c180c rgb(28,24,12)
```
#2a2312
```
#2a2312 rgb(42,35,18)
```
#382f18
```
#382f18 rgb(56,47,24)
```
#453b1e
```
#453b1e rgb(69,59,30)
```
#534624
```
#534624 rgb(83,70,36)
```
#61522a
```
#61522a rgb(97,82,42)
```
#6e5d30
```
#6e5d30 rgb(110,93,48)
```
#7c6936
```
#7c6936 rgb(124,105,54)
```
#8a743c
```
#8a743c rgb(138,116,60)
```
#978042
```
#978042 rgb(151,128,66)
```
#a58b48
```
#a58b48 rgb(165,139,72)
```

Shade Color Variation

#b2974e
```
#b2974e rgb(178,151,78)
```
#b89f5c
```
#b89f5c rgb(184,159,92)
```
#bea769
```
#bea769 rgb(190,167,105)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#cab785
```
#cab785 rgb(202,183,133)
```
#d0bf92
```
#d0bf92 rgb(208,191,146)
```
#d6c7a0
```
#d6c7a0 rgb(214,199,160)
```
#dccfae
```
#dccfae rgb(220,207,174)
```
#e2d7bb
```
#e2d7bb rgb(226,215,187)
```
#e8dfc9
```
#e8dfc9 rgb(232,223,201)
```
#eee7d7
```
#eee7d7 rgb(238,231,215)
```
#f3efe4
```
#f3efe4 rgb(243,239,228)
```
#f9f7f2
```
#f9f7f2 rgb(249,247,242)
```

Tint Color Variation

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

#9f9e9d
```
#9f9e9d rgb(159,158,157)
```
#a6a195
```
#a6a195 rgb(166,161,149)
```
#aea58e
```
#aea58e rgb(174,165,142)
```
#b5a886
```
#b5a886 rgb(181,168,134)
```
#bdac7f
```
#bdac7f rgb(189,172,127)
```
#c4af77
```
#c4af77 rgb(196,175,119)
```
#ccb270
```
#ccb270 rgb(204,178,112)
```
#d3b668
```
#d3b668 rgb(211,182,104)
```
#dbb961
```
#dbb961 rgb(219,185,97)
```
#e2bd59
```
#e2bd59 rgb(226,189,89)
```
#eac052
```
#eac052 rgb(234,192,82)
```
#f1c34a
```
#f1c34a rgb(241,195,74)
```
#f9c743
```
#f9c743 rgb(249,199,67)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b3afa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b47e Protanopia 1% of men
#d6ad7f Deuteranopia 1% of men
#ceabb7 Tritanopia 0.001% of the population

Trichromacy

#c3b27b Protanomaly 1% of men, 0.01% of women
#cfae7c Deuteranomaly 6% of men, 0.4% of women
#caaca0 Tritanomaly 0.01% of the population

#c4af77 hex color

#c4af77 Color Information

#c4af77 Color Conversion

Color Schemes with #c4af77

Alternatives to #c4af77

#c4af77 Preview

Shades and Tints of #c4af77

Tones of #c4af77

Color Blindness Simulator