#c5af77 hex color

In a RGB color space, hex #c5af77 is composed of 77.3% red, 68.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 39.6% yellow and 22.7% black. It has a hue angle of 43.1 degrees, a saturation of 40.2% and a lightness of 62%. #c5af77 color hex could be obtained by blending #ffffee with #8b5f00. Closest websafe color is: #cc9966.

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

● #c5af77 color description : Slightly desaturated orange.

The hexadecimal color #c5af77 has RGB values of R:197, G:175, B:119 and CMYK values of C:0, M:0.11, Y:0.4, K:0.23. Its decimal value is 12955511.

Hex triplet	c5af77	`#c5af77`
RGB Decimal	197, 175, 119	`rgb(197,175,119)`
RGB Percent	77.3, 68.6, 46.7	`rgb(77.3%,68.6%,46.7%)`
CMYK	0, 11, 40, 23
HSL	43.1°, 40.2, 62	`hsl(43.1,40.2%,62%)`
HSV (or HSB)	43.1°, 39.6, 77.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.137, -0.016, 31.615
XYZ	41.685, 43.863, 23.722
xyY	0.381, 0.401, 43.863
CIE-LCH	72.137, 31.615, 90.029
CIE-LUV	72.137, 17.333, 41.092
Hunter-Lab	66.229, -3.551, 25.124
Binary	11000101, 10101111, 01110111

#c5af77
```
#c5af77 rgb(197,175,119)
```
#778dc5
```
#778dc5 rgb(119,141,197)
```

Complementary Color

#c58877
```
#c58877 rgb(197,136,119)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#b4c577
```
#b4c577 rgb(180,197,119)
```

Analogous Color

#8877c5
```
#8877c5 rgb(136,119,197)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#77b4c5
```
#77b4c5 rgb(119,180,197)
```

Split Complementary Color

#af77c5
```
#af77c5 rgb(175,119,197)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#77c5af
```
#77c5af rgb(119,197,175)
```

Triadic Color

#c5778d
```
#c5778d rgb(197,119,141)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#77c5af
```
#77c5af rgb(119,197,175)
```
#778dc5
```
#778dc5 rgb(119,141,197)
```

Tetradic Color

#a88d48
```
#a88d48 rgb(168,141,72)
```
#b69a53
```
#b69a53 rgb(182,154,83)
```
#bda465
```
#bda465 rgb(189,164,101)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#cdba89
```
#cdba89 rgb(205,186,137)
```
#d4c49b
```
#d4c49b rgb(212,196,155)
```
#dccfad
```
#dccfad rgb(220,207,173)
```

Monochromatic Color

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

#c59c77
```
#c59c77 rgb(197,156,119)
```
#c5a277
```
#c5a277 rgb(197,162,119)
```
#c5a977
```
#c5a977 rgb(197,169,119)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#c5b677
```
#c5b677 rgb(197,182,119)
```
#c5bc77
```
#c5bc77 rgb(197,188,119)
```
#c5c377
```
#c5c377 rgb(197,195,119)
```

Similar Colors

Text with hexadecimal color #c5af77

This text has a font color of #c5af77.

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

#c5af77 background color

This paragraph has a background color of #c5af77.

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

#c5af77 border color

This element has a border color of #c5af77.

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

CSS codes

.text {color:#c5af77;}

.background {background-color:#c5af77;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0d07
```
#0f0d07 rgb(15,13,7)
```
#1d180c
```
#1d180c rgb(29,24,12)
```
#2b2412
```
#2b2412 rgb(43,36,18)
```
#392f18
```
#392f18 rgb(57,47,24)
```
#463b1e
```
#463b1e rgb(70,59,30)
```
#544624
```
#544624 rgb(84,70,36)
```
#62522a
```
#62522a rgb(98,82,42)
```
#705d30
```
#705d30 rgb(112,93,48)
```
#7d6935
```
#7d6935 rgb(125,105,53)
```
#8b753b
```
#8b753b rgb(139,117,59)
```
#998041
```
#998041 rgb(153,128,65)
```
#a78c47
```
#a78c47 rgb(167,140,71)
```

Shade Color Variation

#b3974e
```
#b3974e rgb(179,151,78)
```
#b99f5b
```
#b99f5b rgb(185,159,91)
```
#bfa769
```
#bfa769 rgb(191,167,105)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#cbb785
```
#cbb785 rgb(203,183,133)
```
#d1bf93
```
#d1bf93 rgb(209,191,147)
```
#d7c7a0
```
#d7c7a0 rgb(215,199,160)
```
#dccfae
```
#dccfae rgb(220,207,174)
```
#e2d7bc
```
#e2d7bc rgb(226,215,188)
```
#e8e0ca
```
#e8e0ca rgb(232,224,202)
```
#eee8d7
```
#eee8d7 rgb(238,232,215)
```
#f4f0e5
```
#f4f0e5 rgb(244,240,229)
```
#faf8f3
```
#faf8f3 rgb(250,248,243)
```

Tint Color Variation

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

#a09f9c
```
#a09f9c rgb(160,159,156)
```
#a7a295
```
#a7a295 rgb(167,162,149)
```
#afa58d
```
#afa58d rgb(175,165,141)
```
#b6a886
```
#b6a886 rgb(182,168,134)
```
#beac7e
```
#beac7e rgb(190,172,126)
```
#c5af77
```
#c5af77 rgb(197,175,119)
```
#ccb270
```
#ccb270 rgb(204,178,112)
```
#d4b668
```
#d4b668 rgb(212,182,104)
```
#dbb961
```
#dbb961 rgb(219,185,97)
```
#e3bc59
```
#e3bc59 rgb(227,188,89)
```
#eabf52
```
#eabf52 rgb(234,191,82)
```
#f2c34a
```
#f2c34a rgb(242,195,74)
```
#f9c643
```
#f9c643 rgb(249,198,67)
```

Tone Color Variation

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

#c3b47e 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
#d0ae7c Deuteranomaly 6% of men, 0.4% of women
#cbaca0 Tritanomaly 0.01% of the population

#c5af77 hex color

#c5af77 Color Information

#c5af77 Color Conversion

Color Schemes with #c5af77

Alternatives to #c5af77

#c5af77 Preview

Shades and Tints of #c5af77

Tones of #c5af77

Color Blindness Simulator