#c5af76 hex color

In a RGB color space, hex #c5af76 is composed of 77.3% red, 68.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 40.1% yellow and 22.7% black. It has a hue angle of 43.3 degrees, a saturation of 40.5% and a lightness of 61.8%. #c5af76 color hex could be obtained by blending #ffffec with #8b5f00. Closest websafe color is: #cc9966.

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

● #c5af76 color description : Slightly desaturated orange.

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

Hex triplet	c5af76	`#c5af76`
RGB Decimal	197, 175, 118	`rgb(197,175,118)`
RGB Percent	77.3, 68.6, 46.3	`rgb(77.3%,68.6%,46.3%)`
CMYK	0, 11, 40, 23
HSL	43.3°, 40.5, 61.8	`hsl(43.3,40.5%,61.8%)`
HSV (or HSB)	43.3°, 40.1, 77.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.121, -0.128, 32.122
XYZ	41.626, 43.839, 23.408
xyY	0.382, 0.403, 43.839
CIE-LCH	72.121, 32.122, 90.229
CIE-LUV	72.121, 17.397, 41.671
Hunter-Lab	66.211, -3.65, 25.387
Binary	11000101, 10101111, 01110110

#c5af76
```
#c5af76 rgb(197,175,118)
```
#768cc5
```
#768cc5 rgb(118,140,197)
```

Complementary Color

#c58876
```
#c58876 rgb(197,136,118)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#b4c576
```
#b4c576 rgb(180,197,118)
```

Analogous Color

#8876c5
```
#8876c5 rgb(136,118,197)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#76b4c5
```
#76b4c5 rgb(118,180,197)
```

Split Complementary Color

#af76c5
```
#af76c5 rgb(175,118,197)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#76c5af
```
#76c5af rgb(118,197,175)
```

Triadic Color

#c5768c
```
#c5768c rgb(197,118,140)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#76c5af
```
#76c5af rgb(118,197,175)
```
#768cc5
```
#768cc5 rgb(118,140,197)
```

Tetradic Color

#a88d47
```
#a88d47 rgb(168,141,71)
```
#b69a52
```
#b69a52 rgb(182,154,82)
```
#bda564
```
#bda564 rgb(189,165,100)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#cdb988
```
#cdb988 rgb(205,185,136)
```
#d4c49a
```
#d4c49a rgb(212,196,154)
```
#dcceac
```
#dcceac rgb(220,206,172)
```

Monochromatic Color

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

#c59b76
```
#c59b76 rgb(197,155,118)
```
#c5a276
```
#c5a276 rgb(197,162,118)
```
#c5a876
```
#c5a876 rgb(197,168,118)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#c5b676
```
#c5b676 rgb(197,182,118)
```
#c5bc76
```
#c5bc76 rgb(197,188,118)
```
#c5c376
```
#c5c376 rgb(197,195,118)
```

Similar Colors

Text with hexadecimal color #c5af76

This text has a font color of #c5af76.

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

#c5af76 background color

This paragraph has a background color of #c5af76.

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

#c5af76 border color

This element has a border color of #c5af76.

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

CSS codes

.text {color:#c5af76;}

.background {background-color:#c5af76;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0c06
```
#0f0c06 rgb(15,12,6)
```
#1c180c
```
#1c180c rgb(28,24,12)
```
#2a2312
```
#2a2312 rgb(42,35,18)
```
#382f18
```
#382f18 rgb(56,47,24)
```
#463b1e
```
#463b1e rgb(70,59,30)
```
#534623
```
#534623 rgb(83,70,35)
```
#615229
```
#615229 rgb(97,82,41)
```
#6f5d2f
```
#6f5d2f rgb(111,93,47)
```
#7d6935
```
#7d6935 rgb(125,105,53)
```
#8b743b
```
#8b743b rgb(139,116,59)
```
#988041
```
#988041 rgb(152,128,65)
```
#a68b46
```
#a68b46 rgb(166,139,70)
```

Shade Color Variation

#b3974d
```
#b3974d rgb(179,151,77)
```
#b99f5a
```
#b99f5a rgb(185,159,90)
```
#bfa768
```
#bfa768 rgb(191,167,104)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#cbb784
```
#cbb784 rgb(203,183,132)
```
#d1bf92
```
#d1bf92 rgb(209,191,146)
```
#d7c79f
```
#d7c79f rgb(215,199,159)
```
#dccfad
```
#dccfad rgb(220,207,173)
```
#e2d7bb
```
#e2d7bb rgb(226,215,187)
```
#e8dfc9
```
#e8dfc9 rgb(232,223,201)
```
#eee7d6
```
#eee7d6 rgb(238,231,214)
```
#f4efe4
```
#f4efe4 rgb(244,239,228)
```
#faf7f2
```
#faf7f2 rgb(250,247,242)
```

Tint Color Variation

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

#a09e9c
```
#a09e9c rgb(160,158,156)
```
#a7a294
```
#a7a294 rgb(167,162,148)
```
#afa58d
```
#afa58d rgb(175,165,141)
```
#b6a885
```
#b6a885 rgb(182,168,133)
```
#beac7e
```
#beac7e rgb(190,172,126)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#cdb26f
```
#cdb26f rgb(205,178,111)
```
#d4b667
```
#d4b667 rgb(212,182,103)
```
#dcb960
```
#dcb960 rgb(220,185,96)
```
#e3bc58
```
#e3bc58 rgb(227,188,88)
```
#ebc051
```
#ebc051 rgb(235,192,81)
```
#f2c349
```
#f2c349 rgb(242,195,73)
```
#fac642
```
#fac642 rgb(250,198,66)
```

Tone Color Variation

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

#c3b47d Protanopia 1% of men
#d6ad7e Deuteranopia 1% of men
#cfabb7 Tritanopia 0.001% of the population

Trichromacy

#c3b27a Protanomaly 1% of men, 0.01% of women
#d0ae7b Deuteranomaly 6% of men, 0.4% of women
#cbac9f Tritanomaly 0.01% of the population

#c5af76 hex color

#c5af76 Color Information

#c5af76 Color Conversion

Color Schemes with #c5af76

Alternatives to #c5af76

#c5af76 Preview

Shades and Tints of #c5af76

Tones of #c5af76

Color Blindness Simulator