#c5a224 hex color

In a RGB color space, hex #c5a224 is composed of 77.3% red, 63.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 81.7% yellow and 22.7% black. It has a hue angle of 47 degrees, a saturation of 69.1% and a lightness of 45.7%. #c5a224 color hex could be obtained by blending #ffff48 with #8b4500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 64
- B 14
RGB color chart
- C 0
- M 18
- Y 82
- K 23
CMYK color chart

● #c5a224 color description : Strong yellow.

The hexadecimal color #c5a224 has RGB values of R:197, G:162, B:36 and CMYK values of C:0, M:0.18, Y:0.82, K:0.23. Its decimal value is 12952100.

Hex triplet	c5a224	`#c5a224`
RGB Decimal	197, 162, 36	`rgb(197,162,36)`
RGB Percent	77.3, 63.5, 14.1	`rgb(77.3%,63.5%,14.1%)`
CMYK	0, 18, 82, 23
HSL	47°, 69.1, 45.7	`hsl(47,69.1%,45.7%)`
HSV (or HSB)	47°, 81.7, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.902, 1.001, 64.301
XYZ	36.265, 37.84, 7.063
xyY	0.447, 0.466, 37.84
CIE-LCH	67.902, 64.308, 89.108
CIE-LUV	67.902, 30.223, 67.541
Hunter-Lab	61.514, -2.416, 36.253
Binary	11000101, 10100010, 00100100

#c5a224
```
#c5a224 rgb(197,162,36)
```
#2447c5
```
#2447c5 rgb(36,71,197)
```

Complementary Color

#c55224
```
#c55224 rgb(197,82,36)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#98c524
```
#98c524 rgb(152,197,36)
```

Analogous Color

#5224c5
```
#5224c5 rgb(82,36,197)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#2498c5
```
#2498c5 rgb(36,152,197)
```

Split Complementary Color

#a224c5
```
#a224c5 rgb(162,36,197)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#24c5a2
```
#24c5a2 rgb(36,197,162)
```

Triadic Color

#c52447
```
#c52447 rgb(197,36,71)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#24c5a2
```
#24c5a2 rgb(36,197,162)
```
#2447c5
```
#2447c5 rgb(36,71,197)
```

Tetradic Color

#846d18
```
#846d18 rgb(132,109,24)
```
#9a7f1c
```
#9a7f1c rgb(154,127,28)
```
#af9020
```
#af9020 rgb(175,144,32)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#d8b22a
```
#d8b22a rgb(216,178,42)
```
#dcba40
```
#dcba40 rgb(220,186,64)
```
#e0c255
```
#e0c255 rgb(224,194,85)
```

Monochromatic Color

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

#c57a24
```
#c57a24 rgb(197,122,36)
```
#c58724
```
#c58724 rgb(197,135,36)
```
#c59524
```
#c59524 rgb(197,149,36)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#c5af24
```
#c5af24 rgb(197,175,36)
```
#c5bd24
```
#c5bd24 rgb(197,189,36)
```
#c0c524
```
#c0c524 rgb(192,197,36)
```

Similar Colors

Text with hexadecimal color #c5a224

This text has a font color of #c5a224.

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

#c5a224 background color

This paragraph has a background color of #c5a224.

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

#c5a224 border color

This element has a border color of #c5a224.

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

CSS codes

.text {color:#c5a224;}

.background {background-color:#c5a224;}

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

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

#0f0c03
```
#0f0c03 rgb(15,12,3)
```
#1f1a06
```
#1f1a06 rgb(31,26,6)
```
#302709
```
#302709 rgb(48,39,9)
```
#40350c
```
#40350c rgb(64,53,12)
```
#51430f
```
#51430f rgb(81,67,15)
```
#615012
```
#615012 rgb(97,80,18)
```
#725e15
```
#725e15 rgb(114,94,21)
```
#836b18
```
#836b18 rgb(131,107,24)
```
#93791b
```
#93791b rgb(147,121,27)
```
#a4871e
```
#a4871e rgb(164,135,30)
```
#b49421
```
#b49421 rgb(180,148,33)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#d6b027
```
#d6b027 rgb(214,176,39)
```

Shade Color Variation

#dab736
```
#dab736 rgb(218,183,54)
```
#ddbd47
```
#ddbd47 rgb(221,189,71)
```
#e0c357
```
#e0c357 rgb(224,195,87)
```
#e3c868
```
#e3c868 rgb(227,200,104)
```
#e6ce78
```
#e6ce78 rgb(230,206,120)
```
#e9d489
```
#e9d489 rgb(233,212,137)
```
#ecda99
```
#ecda99 rgb(236,218,153)
```
#efe0aa
```
#efe0aa rgb(239,224,170)
```
#f3e6bb
```
#f3e6bb rgb(243,230,187)
```
#f6eccb
```
#f6eccb rgb(246,236,203)
```
#f9f2dc
```
#f9f2dc rgb(249,242,220)
```
#fcf8ec
```
#fcf8ec rgb(252,248,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7d796c
```
#7d796c rgb(125,121,108)
```
#867f63
```
#867f63 rgb(134,127,99)
```
#8f845a
```
#8f845a rgb(143,132,90)
```
#988951
```
#988951 rgb(152,137,81)
```
#a18e48
```
#a18e48 rgb(161,142,72)
```
#aa933f
```
#aa933f rgb(170,147,63)
```
#b39836
```
#b39836 rgb(179,152,54)
```
#bc9d2d
```
#bc9d2d rgb(188,157,45)
```
#c5a224
```
#c5a224 rgb(197,162,36)
```
#cea71b
```
#cea71b rgb(206,167,27)
```
#d7ac12
```
#d7ac12 rgb(215,172,18)
```
#e0b109
```
#e0b109 rgb(224,177,9)
```
#e9b600
```
#e9b600 rgb(233,182,0)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a69f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa30 Protanopia 1% of men
#d3a232 Deuteranopia 1% of men
#d09ca7 Tritanopia 0.001% of the population

Trichromacy

#c0a72b Protanomaly 1% of men, 0.01% of women
#cea22c Deuteranomaly 6% of men, 0.4% of women
#cc9e77 Tritanomaly 0.01% of the population

#c5a224 hex color

#c5a224 Color Information

#c5a224 Color Conversion

Color Schemes with #c5a224

Alternatives to #c5a224

#c5a224 Preview

Shades and Tints of #c5a224

Tones of #c5a224

Color Blindness Simulator