#c5a524 hex color

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

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

● #c5a524 color description : Strong yellow.

The hexadecimal color #c5a524 has RGB values of R:197, G:165, B:36 and CMYK values of C:0, M:0.16, Y:0.82, K:0.23. Its decimal value is 12952868.

Hex triplet	c5a524	`#c5a524`
RGB Decimal	197, 165, 36	`rgb(197,165,36)`
RGB Percent	77.3, 64.7, 14.1	`rgb(77.3%,64.7%,14.1%)`
CMYK	0, 16, 82, 23
HSL	48.1°, 69.1, 45.7	`hsl(48.1,69.1%,45.7%)`
HSV (or HSB)	48.1°, 81.7, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.686, -0.601, 64.98
XYZ	36.8, 38.909, 7.241
xyY	0.444, 0.469, 38.909
CIE-LCH	68.686, 64.983, 90.53
CIE-LUV	68.686, 28.024, 68.74
Hunter-Lab	62.377, -3.853, 36.782
Binary	11000101, 10100101, 00100100

#c5a524
```
#c5a524 rgb(197,165,36)
```
#2444c5
```
#2444c5 rgb(36,68,197)
```

Complementary Color

#c55524
```
#c55524 rgb(197,85,36)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#95c524
```
#95c524 rgb(149,197,36)
```

Analogous Color

#5524c5
```
#5524c5 rgb(85,36,197)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#2495c5
```
#2495c5 rgb(36,149,197)
```

Split Complementary Color

#a524c5
```
#a524c5 rgb(165,36,197)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#24c5a5
```
#24c5a5 rgb(36,197,165)
```

Triadic Color

#c52444
```
#c52444 rgb(197,36,68)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#24c5a5
```
#24c5a5 rgb(36,197,165)
```
#2444c5
```
#2444c5 rgb(36,68,197)
```

Tetradic Color

#846f18
```
#846f18 rgb(132,111,24)
```
#9a811c
```
#9a811c rgb(154,129,28)
```
#af9320
```
#af9320 rgb(175,147,32)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#d8b62a
```
#d8b62a rgb(216,182,42)
```
#dcbd40
```
#dcbd40 rgb(220,189,64)
```
#e0c455
```
#e0c455 rgb(224,196,85)
```

Monochromatic Color

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

#c57d24
```
#c57d24 rgb(197,125,36)
```
#c58a24
```
#c58a24 rgb(197,138,36)
```
#c59824
```
#c59824 rgb(197,152,36)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#c5b224
```
#c5b224 rgb(197,178,36)
```
#c5c024
```
#c5c024 rgb(197,192,36)
```
#bdc524
```
#bdc524 rgb(189,197,36)
```

Similar Colors

Text with hexadecimal color #c5a524

This text has a font color of #c5a524.

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

#c5a524 background color

This paragraph has a background color of #c5a524.

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

#c5a524 border color

This element has a border color of #c5a524.

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

CSS codes

.text {color:#c5a524;}

.background {background-color:#c5a524;}

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

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)
```
#302809
```
#302809 rgb(48,40,9)
```
#40360c
```
#40360c rgb(64,54,12)
```
#51440f
```
#51440f rgb(81,68,15)
```
#615212
```
#615212 rgb(97,82,18)
```
#726015
```
#726015 rgb(114,96,21)
```
#836d18
```
#836d18 rgb(131,109,24)
```
#937b1b
```
#937b1b rgb(147,123,27)
```
#a4891e
```
#a4891e rgb(164,137,30)
```
#b49721
```
#b49721 rgb(180,151,33)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#d6b327
```
#d6b327 rgb(214,179,39)
```

Shade Color Variation

#daba36
```
#daba36 rgb(218,186,54)
```
#ddbf47
```
#ddbf47 rgb(221,191,71)
```
#e0c557
```
#e0c557 rgb(224,197,87)
```
#e3cb68
```
#e3cb68 rgb(227,203,104)
```
#e6d178
```
#e6d178 rgb(230,209,120)
```
#e9d689
```
#e9d689 rgb(233,214,137)
```
#ecdc99
```
#ecdc99 rgb(236,220,153)
```
#efe2aa
```
#efe2aa rgb(239,226,170)
```
#f3e7bb
```
#f3e7bb rgb(243,231,187)
```
#f6edcb
```
#f6edcb rgb(246,237,203)
```
#f9f3dc
```
#f9f3dc rgb(249,243,220)
```
#fcf9ec
```
#fcf9ec rgb(252,249,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7d7a6c
```
#7d7a6c rgb(125,122,108)
```
#867f63
```
#867f63 rgb(134,127,99)
```
#8f855a
```
#8f855a rgb(143,133,90)
```
#988a51
```
#988a51 rgb(152,138,81)
```
#a18f48
```
#a18f48 rgb(161,143,72)
```
#aa953f
```
#aa953f rgb(170,149,63)
```
#b39a36
```
#b39a36 rgb(179,154,54)
```
#bca02d
```
#bca02d rgb(188,160,45)
```
#c5a524
```
#c5a524 rgb(197,165,36)
```
#ceaa1b
```
#ceaa1b rgb(206,170,27)
```
#d7b012
```
#d7b012 rgb(215,176,18)
```
#e0b509
```
#e0b509 rgb(224,181,9)
```
#e9bb00
```
#e9bb00 rgb(233,187,0)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a7a187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac30 Protanopia 1% of men
#d6a332 Deuteranopia 1% of men
#d19ea9 Tritanopia 0.001% of the population

Trichromacy

#c2a92b Protanomaly 1% of men, 0.01% of women
#cfa42d Deuteranomaly 6% of men, 0.4% of women
#cca179 Tritanomaly 0.01% of the population

#c5a524 hex color

#c5a524 Color Information

#c5a524 Color Conversion

Color Schemes with #c5a524

Alternatives to #c5a524

#c5a524 Preview

Shades and Tints of #c5a524

Tones of #c5a524

Color Blindness Simulator