#c5a43f hex color

In a RGB color space, hex #c5a43f is composed of 77.3% red, 64.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 68% yellow and 22.7% black. It has a hue angle of 45.2 degrees, a saturation of 53.6% and a lightness of 51%. #c5a43f color hex could be obtained by blending #ffff7e with #8b4900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 64
- B 25
RGB color chart
- C 0
- M 17
- Y 68
- K 23
CMYK color chart

● #c5a43f color description : Moderate yellow.

The hexadecimal color #c5a43f has RGB values of R:197, G:164, B:63 and CMYK values of C:0, M:0.17, Y:0.68, K:0.23. Its decimal value is 12952639.

Hex triplet	c5a43f	`#c5a43f`
RGB Decimal	197, 164, 63	`rgb(197,164,63)`
RGB Percent	77.3, 64.3, 24.7	`rgb(77.3%,64.3%,24.7%)`
CMYK	0, 17, 68, 23
HSL	45.2°, 53.6, 51	`hsl(45.2,53.6%,51%)`
HSV (or HSB)	45.2°, 68, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.593, 1.112, 54.932
XYZ	37.199, 38.782, 10.229
xyY	0.431, 0.45, 38.782
CIE-LCH	68.593, 54.943, 88.84
CIE-LUV	68.593, 27.834, 61.495
Hunter-Lab	62.275, -2.357, 33.854
Binary	11000101, 10100100, 00111111

#c5a43f
```
#c5a43f rgb(197,164,63)
```
#3f60c5
```
#3f60c5 rgb(63,96,197)
```

Complementary Color

#c5613f
```
#c5613f rgb(197,97,63)
```
#c5a43f
```
#c5a43f rgb(197,164,63)
```
#a3c53f
```
#a3c53f rgb(163,197,63)
```

Analogous Color

#613fc5
```
#613fc5 rgb(97,63,197)
```
#c5a43f
```
#c5a43f rgb(197,164,63)
```
#3fa3c5
```
#3fa3c5 rgb(63,163,197)
```

Split Complementary Color

#a43fc5
```
#a43fc5 rgb(164,63,197)
```
#c5a43f
```
#c5a43f rgb(197,164,63)
```
#3fc5a4
```
#3fc5a4 rgb(63,197,164)
```

Triadic Color

#c53f60
```
#c53f60 rgb(197,63,96)
```
#c5a43f
```
#c5a43f rgb(197,164,63)
```
#3fc5a4
```
#3fc5a4 rgb(63,197,164)
```
#3f60c5
```
#3f60c5 rgb(63,96,197)
```

Tetradic Color

#8d752b
```
#8d752b rgb(141,117,43)
```
#a18530
```
#a18530 rgb(161,133,48)
```
#b49536
```
#b49536 rgb(180,149,54)
```
#c5a43f
```
#c5a43f rgb(197,164,63)
```
#cbad53
```
#cbad53 rgb(203,173,83)
```
#d1b766
```
#d1b766 rgb(209,183,102)
```
#d7c07a
```
#d7c07a rgb(215,192,122)
```

Monochromatic Color

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

#c5833f
```
#c5833f rgb(197,131,63)
```
#c58e3f
```
#c58e3f rgb(197,142,63)
```
#c5993f
```
#c5993f rgb(197,153,63)
```
#c5a43f
```
#c5a43f rgb(197,164,63)
```
#c5af3f
```
#c5af3f rgb(197,175,63)
```
#c5ba3f
```
#c5ba3f rgb(197,186,63)
```
#c5c53f
```
#c5c53f rgb(197,197,63)
```

Similar Colors

Text with hexadecimal color #c5a43f

This text has a font color of #c5a43f.

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

#c5a43f background color

This paragraph has a background color of #c5a43f.

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

#c5a43f border color

This element has a border color of #c5a43f.

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

CSS codes

.text {color:#c5a43f;}

.background {background-color:#c5a43f;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#131006
```
#131006 rgb(19,16,6)
```
#221c0a
```
#221c0a rgb(34,28,10)
```
#31290f
```
#31290f rgb(49,41,15)
```
#403513
```
#403513 rgb(64,53,19)
```
#4f4218
```
#4f4218 rgb(79,66,24)
```
#5e4e1c
```
#5e4e1c rgb(94,78,28)
```
#6d5b21
```
#6d5b21 rgb(109,91,33)
```
#7c6726
```
#7c6726 rgb(124,103,38)
```
#8b732a
```
#8b732a rgb(139,115,42)
```
#9a802f
```
#9a802f rgb(154,128,47)
```
#aa8c33
```
#aa8c33 rgb(170,140,51)
```
#b99938
```
#b99938 rgb(185,153,56)
```

Shade Color Variation

#c5a43f
```
#c5a43f rgb(197,164,63)
```
#caab4e
```
#caab4e rgb(202,171,78)
```
#ceb25d
```
#ceb25d rgb(206,178,93)
```
#d3b96c
```
#d3b96c rgb(211,185,108)
```
#d7c17b
```
#d7c17b rgb(215,193,123)
```
#dcc88a
```
#dcc88a rgb(220,200,138)
```
#e0cf99
```
#e0cf99 rgb(224,207,153)
```
#e5d6a8
```
#e5d6a8 rgb(229,214,168)
```
#e9ddb8
```
#e9ddb8 rgb(233,221,184)
```
#eee4c7
```
#eee4c7 rgb(238,228,199)
```
#f3ebd6
```
#f3ebd6 rgb(243,235,214)
```
#f7f3e5
```
#f7f3e5 rgb(247,243,229)
```
#fcfaf4
```
#fcfaf4 rgb(252,250,244)
```

Tint Color Variation

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

#8b8779
```
#8b8779 rgb(139,135,121)
```
#958c6f
```
#958c6f rgb(149,140,111)
```
#9f9065
```
#9f9065 rgb(159,144,101)
```
#a8955c
```
#a8955c rgb(168,149,92)
```
#b29a52
```
#b29a52 rgb(178,154,82)
```
#bb9f49
```
#bb9f49 rgb(187,159,73)
```
#c5a43f
```
#c5a43f rgb(197,164,63)
```
#cfa935
```
#cfa935 rgb(207,169,53)
```
#d8ae2c
```
#d8ae2c rgb(216,174,44)
```
#e2b322
```
#e2b322 rgb(226,179,34)
```
#ebb819
```
#ebb819 rgb(235,184,25)
```
#f5bc0f
```
#f5bc0f rgb(245,188,15)
```
#ffc105
```
#ffc105 rgb(255,193,5)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a9a28e Atypical Achromatopsia 0.001% of the population

Dichromacy

#beac49 Protanopia 1% of men
#d3a34a Deuteranopia 1% of men
#d09ea9 Tritanopia 0.001% of the population

Trichromacy

#c0a945 Protanomaly 1% of men, 0.01% of women
#cea346 Deuteranomaly 6% of men, 0.4% of women
#cca083 Tritanomaly 0.01% of the population

#c5a43f hex color

#c5a43f Color Information

#c5a43f Color Conversion

Color Schemes with #c5a43f

Alternatives to #c5a43f

#c5a43f Preview

Shades and Tints of #c5a43f

Tones of #c5a43f

Color Blindness Simulator