#c7af77 hex color

In a RGB color space, hex #c7af77 is composed of 78% red, 68.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.1% magenta, 40.2% yellow and 22% black. It has a hue angle of 42 degrees, a saturation of 41.7% and a lightness of 62.4%. #c7af77 color hex could be obtained by blending #ffffee with #8f5f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 78
- G 69
- B 47
RGB color chart
- C 0
- M 12
- Y 40
- K 22
CMYK color chart

● #c7af77 color description : Slightly desaturated orange.

The hexadecimal color #c7af77 has RGB values of R:199, G:175, B:119 and CMYK values of C:0, M:0.12, Y:0.4, K:0.22. Its decimal value is 13086583.

Hex triplet	c7af77	`#c7af77`
RGB Decimal	199, 175, 119	`rgb(199,175,119)`
RGB Percent	78, 68.6, 46.7	`rgb(78%,68.6%,46.7%)`
CMYK	0, 12, 40, 22
HSL	42°, 41.7, 62.4	`hsl(42,41.7%,62.4%)`
HSV (or HSB)	42°, 40.2, 78
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.319, 0.796, 31.886
XYZ	42.213, 44.135, 23.747
xyY	0.383, 0.401, 44.135
CIE-LCH	72.319, 31.896, 88.57
CIE-LUV	72.319, 18.706, 41.256
Hunter-Lab	66.434, -2.84, 25.311
Binary	11000111, 10101111, 01110111

#c7af77
```
#c7af77 rgb(199,175,119)
```
#778fc7
```
#778fc7 rgb(119,143,199)
```

Complementary Color

#c78777
```
#c78777 rgb(199,135,119)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#b7c777
```
#b7c777 rgb(183,199,119)
```

Analogous Color

#8777c7
```
#8777c7 rgb(135,119,199)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#77b7c7
```
#77b7c7 rgb(119,183,199)
```

Split Complementary Color

#af77c7
```
#af77c7 rgb(175,119,199)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#77c7af
```
#77c7af rgb(119,199,175)
```

Triadic Color

#c7778f
```
#c7778f rgb(199,119,143)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#77c7af
```
#77c7af rgb(119,199,175)
```
#778fc7
```
#778fc7 rgb(119,143,199)
```

Tetradic Color

#ab8d46
```
#ab8d46 rgb(171,141,70)
```
#b89a53
```
#b89a53 rgb(184,154,83)
```
#c0a465
```
#c0a465 rgb(192,164,101)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#ceba89
```
#ceba89 rgb(206,186,137)
```
#d6c49b
```
#d6c49b rgb(214,196,155)
```
#ddcfad
```
#ddcfad rgb(221,207,173)
```

Monochromatic Color

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

#c79b77
```
#c79b77 rgb(199,155,119)
```
#c7a277
```
#c7a277 rgb(199,162,119)
```
#c7a877
```
#c7a877 rgb(199,168,119)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#c7b677
```
#c7b677 rgb(199,182,119)
```
#c7bc77
```
#c7bc77 rgb(199,188,119)
```
#c7c377
```
#c7c377 rgb(199,195,119)
```

Similar Colors

Text with hexadecimal color #c7af77

This text has a font color of #c7af77.

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

#c7af77 background color

This paragraph has a background color of #c7af77.

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

#c7af77 border color

This element has a border color of #c7af77.

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

CSS codes

.text {color:#c7af77;}

.background {background-color:#c7af77;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110e07
```
#110e07 rgb(17,14,7)
```
#1f190d
```
#1f190d rgb(31,25,13)
```
#2d2512
```
#2d2512 rgb(45,37,18)
```
#3b3018
```
#3b3018 rgb(59,48,24)
```
#483c1e
```
#483c1e rgb(72,60,30)
```
#564724
```
#564724 rgb(86,71,36)
```
#645329
```
#645329 rgb(100,83,41)
```
#725e2f
```
#725e2f rgb(114,94,47)
```
#806935
```
#806935 rgb(128,105,53)
```
#8e753a
```
#8e753a rgb(142,117,58)
```
#9c8040
```
#9c8040 rgb(156,128,64)
```
#aa8c46
```
#aa8c46 rgb(170,140,70)
```

Shade Color Variation

#b6964d
```
#b6964d rgb(182,150,77)
```
#bc9f5b
```
#bc9f5b rgb(188,159,91)
```
#c1a769
```
#c1a769 rgb(193,167,105)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#cdb785
```
#cdb785 rgb(205,183,133)
```
#d2bf93
```
#d2bf93 rgb(210,191,147)
```
#d8c8a1
```
#d8c8a1 rgb(216,200,161)
```
#ded0af
```
#ded0af rgb(222,208,175)
```
#e4d8bc
```
#e4d8bc rgb(228,216,188)
```
#e9e0ca
```
#e9e0ca rgb(233,224,202)
```
#efe8d8
```
#efe8d8 rgb(239,232,216)
```
#f5f0e6
```
#f5f0e6 rgb(245,240,230)
```
#faf9f4
```
#faf9f4 rgb(250,249,244)
```

Tint Color Variation

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

#a2a09c
```
#a2a09c rgb(162,160,156)
```
#a9a395
```
#a9a395 rgb(169,163,149)
```
#b1a68d
```
#b1a68d rgb(177,166,141)
```
#b8a986
```
#b8a986 rgb(184,169,134)
```
#c0ac7e
```
#c0ac7e rgb(192,172,126)
```
#c7af77
```
#c7af77 rgb(199,175,119)
```
#ceb270
```
#ceb270 rgb(206,178,112)
```
#d6b568
```
#d6b568 rgb(214,181,104)
```
#ddb861
```
#ddb861 rgb(221,184,97)
```
#e5bb59
```
#e5bb59 rgb(229,187,89)
```
#ecbe52
```
#ecbe52 rgb(236,190,82)
```
#f3c14b
```
#f3c14b rgb(243,193,75)
```
#fbc443
```
#fbc443 rgb(251,196,67)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b5b0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b57e Protanopia 1% of men
#d7ae7f Deuteranopia 1% of men
#d0abb7 Tritanopia 0.001% of the population

Trichromacy

#c4b27c Protanomaly 1% of men, 0.01% of women
#d1ae7c Deuteranomaly 6% of men, 0.4% of women
#cdaca0 Tritanomaly 0.01% of the population

#c7af77 hex color

#c7af77 Color Information

#c7af77 Color Conversion

Color Schemes with #c7af77

Alternatives to #c7af77

#c7af77 Preview

Shades and Tints of #c7af77

Tones of #c7af77

Color Blindness Simulator