#c5a523 hex color

In a RGB color space, hex #c5a523 is composed of 77.3% red, 64.7% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 82.2% yellow and 22.7% black. It has a hue angle of 48.1 degrees, a saturation of 69.8% and a lightness of 45.5%. #c5a523 color hex could be obtained by blending #ffff46 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

● #c5a523 color description : Strong yellow.

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

Hex triplet	c5a523	`#c5a523`
RGB Decimal	197, 165, 35	`rgb(197,165,35)`
RGB Percent	77.3, 64.7, 13.7	`rgb(77.3%,64.7%,13.7%)`
CMYK	0, 16, 82, 23
HSL	48.1°, 69.8, 45.5	`hsl(48.1,69.8%,45.5%)`
HSV (or HSB)	48.1°, 82.2, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.681, -0.632, 65.27
XYZ	36.785, 38.903, 7.162
xyY	0.444, 0.47, 38.903
CIE-LCH	68.681, 65.273, 90.554
CIE-LUV	68.681, 28.048, 68.92
Hunter-Lab	62.373, -3.88, 36.853
Binary	11000101, 10100101, 00100011

#c5a523
```
#c5a523 rgb(197,165,35)
```
#2343c5
```
#2343c5 rgb(35,67,197)
```

Complementary Color

#c55423
```
#c55423 rgb(197,84,35)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#94c523
```
#94c523 rgb(148,197,35)
```

Analogous Color

#5423c5
```
#5423c5 rgb(84,35,197)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#2394c5
```
#2394c5 rgb(35,148,197)
```

Split Complementary Color

#a523c5
```
#a523c5 rgb(165,35,197)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#23c5a5
```
#23c5a5 rgb(35,197,165)
```

Triadic Color

#c52343
```
#c52343 rgb(197,35,67)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#23c5a5
```
#23c5a5 rgb(35,197,165)
```
#2343c5
```
#2343c5 rgb(35,67,197)
```

Tetradic Color

#846f17
```
#846f17 rgb(132,111,23)
```
#9a811b
```
#9a811b rgb(154,129,27)
```
#af931f
```
#af931f rgb(175,147,31)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#d9b629
```
#d9b629 rgb(217,182,41)
```
#ddbd3e
```
#ddbd3e rgb(221,189,62)
```
#e1c554
```
#e1c554 rgb(225,197,84)
```

Monochromatic Color

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

#c57d23
```
#c57d23 rgb(197,125,35)
```
#c58a23
```
#c58a23 rgb(197,138,35)
```
#c59823
```
#c59823 rgb(197,152,35)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#c5b323
```
#c5b323 rgb(197,179,35)
```
#c5c023
```
#c5c023 rgb(197,192,35)
```
#bdc523
```
#bdc523 rgb(189,197,35)
```

Similar Colors

Text with hexadecimal color #c5a523

This text has a font color of #c5a523.

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

#c5a523 background color

This paragraph has a background color of #c5a523.

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

#c5a523 border color

This element has a border color of #c5a523.

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

CSS codes

.text {color:#c5a523;}

.background {background-color:#c5a523;}

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

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

#0e0c02
```
#0e0c02 rgb(14,12,2)
```
#1e1905
```
#1e1905 rgb(30,25,5)
```
#2f2708
```
#2f2708 rgb(47,39,8)
```
#40350b
```
#40350b rgb(64,53,11)
```
#50430e
```
#50430e rgb(80,67,14)
```
#615111
```
#615111 rgb(97,81,17)
```
#725f14
```
#725f14 rgb(114,95,20)
```
#826d17
```
#826d17 rgb(130,109,23)
```
#937b1a
```
#937b1a rgb(147,123,26)
```
#a4891d
```
#a4891d rgb(164,137,29)
```
#b49720
```
#b49720 rgb(180,151,32)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#d6b326
```
#d6b326 rgb(214,179,38)
```

Shade Color Variation

#dbba34
```
#dbba34 rgb(219,186,52)
```
#dec045
```
#dec045 rgb(222,192,69)
```
#e1c556
```
#e1c556 rgb(225,197,86)
```
#e4cb66
```
#e4cb66 rgb(228,203,102)
```
#e7d177
```
#e7d177 rgb(231,209,119)
```
#ead688
```
#ead688 rgb(234,214,136)
```
#eddc98
```
#eddc98 rgb(237,220,152)
```
#f0e2a9
```
#f0e2a9 rgb(240,226,169)
```
#f3e7ba
```
#f3e7ba rgb(243,231,186)
```
#f6edca
```
#f6edca rgb(246,237,202)
```
#f9f3db
```
#f9f3db rgb(249,243,219)
```
#fcf8eb
```
#fcf8eb rgb(252,248,235)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#757473
```
#757473 rgb(117,116,115)
```
#7e7a6a
```
#7e7a6a rgb(126,122,106)
```
#877f61
```
#877f61 rgb(135,127,97)
```
#8f8559
```
#8f8559 rgb(143,133,89)
```
#988a50
```
#988a50 rgb(152,138,80)
```
#a18f47
```
#a18f47 rgb(161,143,71)
```
#aa953e
```
#aa953e rgb(170,149,62)
```
#b39a35
```
#b39a35 rgb(179,154,53)
```
#bca02c
```
#bca02c rgb(188,160,44)
```
#c5a523
```
#c5a523 rgb(197,165,35)
```
#ceaa1a
```
#ceaa1a rgb(206,170,26)
```
#d7b011
```
#d7b011 rgb(215,176,17)
```
#e0b508
```
#e0b508 rgb(224,181,8)
```

Tone Color Variation

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

#c0ac2f Protanopia 1% of men
#d6a331 Deuteranopia 1% of men
#d19ea9 Tritanopia 0.001% of the population

Trichromacy

#c2a92a Protanomaly 1% of men, 0.01% of women
#cfa42c Deuteranomaly 6% of men, 0.4% of women
#cca178 Tritanomaly 0.01% of the population

#c5a523 hex color

#c5a523 Color Information

#c5a523 Color Conversion

Color Schemes with #c5a523

Alternatives to #c5a523

#c5a523 Preview

Shades and Tints of #c5a523

Tones of #c5a523

Color Blindness Simulator