#c5af46 hex color

In a RGB color space, hex #c5af46 is composed of 77.3% red, 68.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 64.5% yellow and 22.7% black. It has a hue angle of 49.6 degrees, a saturation of 52.3% and a lightness of 52.4%. #c5af46 color hex could be obtained by blending #ffff8c with #8b5f00. Closest websafe color is: #cc9933.

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

● #c5af46 color description : Moderate yellow.

The hexadecimal color #c5af46 has RGB values of R:197, G:175, B:70 and CMYK values of C:0, M:0.11, Y:0.64, K:0.23. Its decimal value is 12955462.

Hex triplet	c5af46	`#c5af46`
RGB Decimal	197, 175, 70	`rgb(197,175,70)`
RGB Percent	77.3, 68.6, 27.5	`rgb(77.3%,68.6%,27.5%)`
CMYK	0, 11, 64, 23
HSL	49.6°, 52.3, 52.4	`hsl(49.6,52.3%,52.4%)`
HSV (or HSB)	49.6°, 64.5, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.537, -4.309, 55.01
XYZ	39.462, 42.974, 12.01
xyY	0.418, 0.455, 42.974
CIE-LCH	71.537, 55.178, 94.479
CIE-LUV	71.537, 19.866, 63.948
Hunter-Lab	65.554, -7.269, 35.026
Binary	11000101, 10101111, 01000110

#c5af46
```
#c5af46 rgb(197,175,70)
```
#465cc5
```
#465cc5 rgb(70,92,197)
```

Complementary Color

#c57046
```
#c57046 rgb(197,112,70)
```
#c5af46
```
#c5af46 rgb(197,175,70)
```
#9cc546
```
#9cc546 rgb(156,197,70)
```

Analogous Color

#7046c5
```
#7046c5 rgb(112,70,197)
```
#c5af46
```
#c5af46 rgb(197,175,70)
```
#469cc5
```
#469cc5 rgb(70,156,197)
```

Split Complementary Color

#af46c5
```
#af46c5 rgb(175,70,197)
```
#c5af46
```
#c5af46 rgb(197,175,70)
```
#46c5af
```
#46c5af rgb(70,197,175)
```

Triadic Color

#c5465c
```
#c5465c rgb(197,70,92)
```
#c5af46
```
#c5af46 rgb(197,175,70)
```
#46c5af
```
#46c5af rgb(70,197,175)
```
#465cc5
```
#465cc5 rgb(70,92,197)
```

Tetradic Color

#91802d
```
#91802d rgb(145,128,45)
```
#a49134
```
#a49134 rgb(164,145,52)
```
#b8a23a
```
#b8a23a rgb(184,162,58)
```
#c5af46
```
#c5af46 rgb(197,175,70)
```
#cbb759
```
#cbb759 rgb(203,183,89)
```
#d1c06d
```
#d1c06d rgb(209,192,109)
```
#d7c880
```
#d7c880 rgb(215,200,128)
```

Monochromatic Color

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

#c58f46
```
#c58f46 rgb(197,143,70)
```
#c59a46
```
#c59a46 rgb(197,154,70)
```
#c5a446
```
#c5a446 rgb(197,164,70)
```
#c5af46
```
#c5af46 rgb(197,175,70)
```
#c5ba46
```
#c5ba46 rgb(197,186,70)
```
#c5c446
```
#c5c446 rgb(197,196,70)
```
#bbc546
```
#bbc546 rgb(187,197,70)
```

Similar Colors

Text with hexadecimal color #c5af46

This text has a font color of #c5af46.

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

#c5af46 background color

This paragraph has a background color of #c5af46.

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

#c5af46 border color

This element has a border color of #c5af46.

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

CSS codes

.text {color:#c5af46;}

.background {background-color:#c5af46;}

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

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

#090803
```
#090803 rgb(9,8,3)
```
#181508
```
#181508 rgb(24,21,8)
```
#27220c
```
#27220c rgb(39,34,12)
```
#363011
```
#363011 rgb(54,48,17)
```
#453d16
```
#453d16 rgb(69,61,22)
```
#544a1a
```
#544a1a rgb(84,74,26)
```
#63571f
```
#63571f rgb(99,87,31)
```
#726424
```
#726424 rgb(114,100,36)
```
#817128
```
#817128 rgb(129,113,40)
```
#907e2d
```
#907e2d rgb(144,126,45)
```
#9e8c32
```
#9e8c32 rgb(158,140,50)
```
#ad9936
```
#ad9936 rgb(173,153,54)
```
#bca63b
```
#bca63b rgb(188,166,59)
```

Shade Color Variation

#c5af46
```
#c5af46 rgb(197,175,70)
```
#cab555
```
#cab555 rgb(202,181,85)
```
#cebc64
```
#cebc64 rgb(206,188,100)
```
#d3c273
```
#d3c273 rgb(211,194,115)
```
#d8c982
```
#d8c982 rgb(216,201,130)
```
#dccf91
```
#dccf91 rgb(220,207,145)
```
#e1d6a0
```
#e1d6a0 rgb(225,214,160)
```
#e6dcaf
```
#e6dcaf rgb(230,220,175)
```
#eae3bd
```
#eae3bd rgb(234,227,189)
```
#efe9cc
```
#efe9cc rgb(239,233,204)
```
#f4f0db
```
#f4f0db rgb(244,240,219)
```
#f9f6ea
```
#f9f6ea rgb(249,246,234)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#8d8a7e
```
#8d8a7e rgb(141,138,126)
```
#969075
```
#969075 rgb(150,144,117)
```
#a0976b
```
#a0976b rgb(160,151,107)
```
#a99d62
```
#a99d62 rgb(169,157,98)
```
#b2a359
```
#b2a359 rgb(178,163,89)
```
#bca94f
```
#bca94f rgb(188,169,79)
```
#c5af46
```
#c5af46 rgb(197,175,70)
```
#ceb53d
```
#ceb53d rgb(206,181,61)
```
#d8bb33
```
#d8bb33 rgb(216,187,51)
```
#e1c12a
```
#e1c12a rgb(225,193,42)
```
#eac721
```
#eac721 rgb(234,199,33)
```
#f4ce17
```
#f4ce17 rgb(244,206,23)
```
#fdd40e
```
#fdd40e rgb(253,212,14)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#afab96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b34f Protanopia 1% of men
#dcab52 Deuteranopia 1% of men
#d1a8b4 Tritanopia 0.001% of the population

Trichromacy

#c6b14c Protanomaly 1% of men, 0.01% of women
#d3ac4e Deuteranomaly 6% of men, 0.4% of women
#ccab8c Tritanomaly 0.01% of the population

#c5af46 hex color

#c5af46 Color Information

#c5af46 Color Conversion

Color Schemes with #c5af46

Alternatives to #c5af46

#c5af46 Preview

Shades and Tints of #c5af46

Tones of #c5af46

Color Blindness Simulator