#c5af72 hex color

In a RGB color space, hex #c5af72 is composed of 77.3% red, 68.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 42.1% yellow and 22.7% black. It has a hue angle of 44.1 degrees, a saturation of 41.7% and a lightness of 61%. #c5af72 color hex could be obtained by blending #ffffe4 with #8b5f00. Closest websafe color is: #cc9966.

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

● #c5af72 color description : Slightly desaturated orange.

The hexadecimal color #c5af72 has RGB values of R:197, G:175, B:114 and CMYK values of C:0, M:0.11, Y:0.42, K:0.23. Its decimal value is 12955506.

Hex triplet	c5af72	`#c5af72`
RGB Decimal	197, 175, 114	`rgb(197,175,114)`
RGB Percent	77.3, 68.6, 44.7	`rgb(77.3%,68.6%,44.7%)`
CMYK	0, 11, 42, 23
HSL	44.1°, 41.7, 61	`hsl(44.1,41.7%,61%)`
HSV (or HSB)	44.1°, 42.1, 77.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	72.059, -0.568, 34.143
XYZ	41.393, 43.746, 22.182
xyY	0.386, 0.408, 43.746
CIE-LCH	72.059, 34.148, 90.954
CIE-LUV	72.059, 17.648, 43.943
Hunter-Lab	66.141, -4.036, 26.414
Binary	11000101, 10101111, 01110010

#c5af72
```
#c5af72 rgb(197,175,114)
```
#7288c5
```
#7288c5 rgb(114,136,197)
```

Complementary Color

#c58672
```
#c58672 rgb(197,134,114)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#b2c572
```
#b2c572 rgb(178,197,114)
```

Analogous Color

#8672c5
```
#8672c5 rgb(134,114,197)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#72b2c5
```
#72b2c5 rgb(114,178,197)
```

Split Complementary Color

#af72c5
```
#af72c5 rgb(175,114,197)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#72c5af
```
#72c5af rgb(114,197,175)
```

Triadic Color

#c57288
```
#c57288 rgb(197,114,136)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#72c5af
```
#72c5af rgb(114,197,175)
```
#7288c5
```
#7288c5 rgb(114,136,197)
```

Tetradic Color

#a68c44
```
#a68c44 rgb(166,140,68)
```
#b69a4e
```
#b69a4e rgb(182,154,78)
```
#bea560
```
#bea560 rgb(190,165,96)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#ccb984
```
#ccb984 rgb(204,185,132)
```
#d4c496
```
#d4c496 rgb(212,196,150)
```
#dbcea8
```
#dbcea8 rgb(219,206,168)
```

Monochromatic Color

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

#c59a72
```
#c59a72 rgb(197,154,114)
```
#c5a172
```
#c5a172 rgb(197,161,114)
```
#c5a872
```
#c5a872 rgb(197,168,114)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#c5b672
```
#c5b672 rgb(197,182,114)
```
#c5bd72
```
#c5bd72 rgb(197,189,114)
```
#c5c472
```
#c5c472 rgb(197,196,114)
```

Similar Colors

Text with hexadecimal color #c5af72

This text has a font color of #c5af72.

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

#c5af72 background color

This paragraph has a background color of #c5af72.

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

#c5af72 border color

This element has a border color of #c5af72.

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

CSS codes

.text {color:#c5af72;}

.background {background-color:#c5af72;}

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

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, #0c0a05 is the darkest color, while #fefefd is the lightest one.

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#1a160b
```
#1a160b rgb(26,22,11)
```
#282110
```
#282110 rgb(40,33,16)
```
#362d16
```
#362d16 rgb(54,45,22)
```
#43391c
```
#43391c rgb(67,57,28)
```
#514521
```
#514521 rgb(81,69,33)
```
#5f5027
```
#5f5027 rgb(95,80,39)
```
#6d5c2d
```
#6d5c2d rgb(109,92,45)
```
#7b6833
```
#7b6833 rgb(123,104,51)
```
#897438
```
#897438 rgb(137,116,56)
```
#977f3e
```
#977f3e rgb(151,127,62)
```
#a58b44
```
#a58b44 rgb(165,139,68)
```
#b39749
```
#b39749 rgb(179,151,73)
```

Shade Color Variation

#ba9f56
```
#ba9f56 rgb(186,159,86)
```
#bfa764
```
#bfa764 rgb(191,167,100)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#cbb780
```
#cbb780 rgb(203,183,128)
```
#d0bf8e
```
#d0bf8e rgb(208,191,142)
```
#d6c79c
```
#d6c79c rgb(214,199,156)
```
#dccfaa
```
#dccfaa rgb(220,207,170)
```
#e2d6b7
```
#e2d6b7 rgb(226,214,183)
```
#e7dec5
```
#e7dec5 rgb(231,222,197)
```
#ede6d3
```
#ede6d3 rgb(237,230,211)
```
#f3eee1
```
#f3eee1 rgb(243,238,225)
```
#f8f6ef
```
#f8f6ef rgb(248,246,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9f9d98
```
#9f9d98 rgb(159,157,152)
```
#a6a191
```
#a6a191 rgb(166,161,145)
```
#aea489
```
#aea489 rgb(174,164,137)
```
#b6a881
```
#b6a881 rgb(182,168,129)
```
#bdab7a
```
#bdab7a rgb(189,171,122)
```
#c5af72
```
#c5af72 rgb(197,175,114)
```
#cdb36a
```
#cdb36a rgb(205,179,106)
```
#d4b663
```
#d4b663 rgb(212,182,99)
```
#dcba5b
```
#dcba5b rgb(220,186,91)
```
#e4bd53
```
#e4bd53 rgb(228,189,83)
```
#ebc14c
```
#ebc14c rgb(235,193,76)
```
#f3c544
```
#f3c544 rgb(243,197,68)
```
#fbc83c
```
#fbc83c rgb(251,200,60)
```

Tone Color Variation

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

Dichromacy

#c3b479 Protanopia 1% of men
#d7ad7b Deuteranopia 1% of men
#cfabb7 Tritanopia 0.001% of the population

Trichromacy

#c4b277 Protanomaly 1% of men, 0.01% of women
#d0ad77 Deuteranomaly 6% of men, 0.4% of women
#cbac9e Tritanomaly 0.01% of the population

#c5af72 hex color

#c5af72 Color Information

#c5af72 Color Conversion

Color Schemes with #c5af72

Alternatives to #c5af72

#c5af72 Preview

Shades and Tints of #c5af72

Tones of #c5af72

Color Blindness Simulator