#c5a421 hex color

In a RGB color space, hex #c5a421 is composed of 77.3% red, 64.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 83.2% yellow and 22.7% black. It has a hue angle of 47.9 degrees, a saturation of 71.3% and a lightness of 45.1%. #c5a421 color hex could be obtained by blending #ffff42 with #8b4900. Closest websafe color is: #cc9933.

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

● #c5a421 color description : Strong yellow.

The hexadecimal color #c5a421 has RGB values of R:197, G:164, B:33 and CMYK values of C:0, M:0.17, Y:0.83, K:0.23. Its decimal value is 12952609.

Hex triplet	c5a421	`#c5a421`
RGB Decimal	197, 164, 33	`rgb(197,164,33)`
RGB Percent	77.3, 64.3, 12.9	`rgb(77.3%,64.3%,12.9%)`
CMYK	0, 17, 83, 23
HSL	47.9°, 71.3, 45.1	`hsl(47.9,71.3%,45.1%)`
HSV (or HSB)	47.9°, 83.2, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.411, -0.158, 65.608
XYZ	36.576, 38.533, 6.95
xyY	0.446, 0.47, 38.533
CIE-LCH	68.411, 65.609, 90.138
CIE-LUV	68.411, 28.826, 68.87
Hunter-Lab	62.075, -3.452, 36.814
Binary	11000101, 10100100, 00100001

#c5a421
```
#c5a421 rgb(197,164,33)
```
#2142c5
```
#2142c5 rgb(33,66,197)
```

Complementary Color

#c55221
```
#c55221 rgb(197,82,33)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#94c521
```
#94c521 rgb(148,197,33)
```

Analogous Color

#5221c5
```
#5221c5 rgb(82,33,197)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#2194c5
```
#2194c5 rgb(33,148,197)
```

Split Complementary Color

#a421c5
```
#a421c5 rgb(164,33,197)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#21c5a4
```
#21c5a4 rgb(33,197,164)
```

Triadic Color

#c52142
```
#c52142 rgb(197,33,66)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#21c5a4
```
#21c5a4 rgb(33,197,164)
```
#2142c5
```
#2142c5 rgb(33,66,197)
```

Tetradic Color

#836d16
```
#836d16 rgb(131,109,22)
```
#99801a
```
#99801a rgb(153,128,26)
```
#af921d
```
#af921d rgb(175,146,29)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#dab625
```
#dab625 rgb(218,182,37)
```
#debd3b
```
#debd3b rgb(222,189,59)
```
#e2c551
```
#e2c551 rgb(226,197,81)
```

Monochromatic Color

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

#c57b21
```
#c57b21 rgb(197,123,33)
```
#c58921
```
#c58921 rgb(197,137,33)
```
#c59621
```
#c59621 rgb(197,150,33)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#c5b221
```
#c5b221 rgb(197,178,33)
```
#c5bf21
```
#c5bf21 rgb(197,191,33)
```
#bdc521
```
#bdc521 rgb(189,197,33)
```

Similar Colors

Text with hexadecimal color #c5a421

This text has a font color of #c5a421.

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

#c5a421 background color

This paragraph has a background color of #c5a421.

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

#c5a421 border color

This element has a border color of #c5a421.

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

CSS codes

.text {color:#c5a421;}

.background {background-color:#c5a421;}

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

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

#0c0a02
```
#0c0a02 rgb(12,10,2)
```
#1d1805
```
#1d1805 rgb(29,24,5)
```
#2e2608
```
#2e2608 rgb(46,38,8)
```
#3f340a
```
#3f340a rgb(63,52,10)
```
#4f420d
```
#4f420d rgb(79,66,13)
```
#605010
```
#605010 rgb(96,80,16)
```
#715e13
```
#715e13 rgb(113,94,19)
```
#826c16
```
#826c16 rgb(130,108,22)
```
#937a19
```
#937a19 rgb(147,122,25)
```
#a3881b
```
#a3881b rgb(163,136,27)
```
#b4961e
```
#b4961e rgb(180,150,30)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#d6b224
```
#d6b224 rgb(214,178,36)
```

Shade Color Variation

#dcba31
```
#dcba31 rgb(220,186,49)
```
#dfc042
```
#dfc042 rgb(223,192,66)
```
#e2c552
```
#e2c552 rgb(226,197,82)
```
#e5cb63
```
#e5cb63 rgb(229,203,99)
```
#e8d074
```
#e8d074 rgb(232,208,116)
```
#ebd685
```
#ebd685 rgb(235,214,133)
```
#eddc96
```
#eddc96 rgb(237,220,150)
```
#f0e1a6
```
#f0e1a6 rgb(240,225,166)
```
#f3e7b7
```
#f3e7b7 rgb(243,231,183)
```
#f6edc8
```
#f6edc8 rgb(246,237,200)
```
#f9f2d9
```
#f9f2d9 rgb(249,242,217)
```
#fbf8ea
```
#fbf8ea rgb(251,248,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#757471
```
#757471 rgb(117,116,113)
```
#7e7a68
```
#7e7a68 rgb(126,122,104)
```
#877f5f
```
#877f5f rgb(135,127,95)
```
#908456
```
#908456 rgb(144,132,86)
```
#998a4d
```
#998a4d rgb(153,138,77)
```
#a28f44
```
#a28f44 rgb(162,143,68)
```
#aa943c
```
#aa943c rgb(170,148,60)
```
#b39933
```
#b39933 rgb(179,153,51)
```
#bc9f2a
```
#bc9f2a rgb(188,159,42)
```
#c5a421
```
#c5a421 rgb(197,164,33)
```
#cea918
```
#cea918 rgb(206,169,24)
```
#d7af0f
```
#d7af0f rgb(215,175,15)
```
#e0b406
```
#e0b406 rgb(224,180,6)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a7a086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab2d Protanopia 1% of men
#d5a32f Deuteranopia 1% of men
#d19da8 Tritanopia 0.001% of the population

Trichromacy

#c1a828 Protanomaly 1% of men, 0.01% of women
#cfa32a Deuteranomaly 6% of men, 0.4% of women
#cca077 Tritanomaly 0.01% of the population

#c5a421 hex color

#c5a421 Color Information

#c5a421 Color Conversion

Color Schemes with #c5a421

Alternatives to #c5a421

#c5a421 Preview

Shades and Tints of #c5a421

Tones of #c5a421

Color Blindness Simulator