#c4a221 hex color

In a RGB color space, hex #c4a221 is composed of 76.9% red, 63.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 83.2% yellow and 23.1% black. It has a hue angle of 47.5 degrees, a saturation of 71.2% and a lightness of 44.9%. #c4a221 color hex could be obtained by blending #ffff42 with #894500. 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

● #c4a221 color description : Strong yellow.

The hexadecimal color #c4a221 has RGB values of R:196, G:162, B:33 and CMYK values of C:0, M:0.17, Y:0.83, K:0.23. Its decimal value is 12886561.

Hex triplet	c4a221	`#c4a221`
RGB Decimal	196, 162, 33	`rgb(196,162,33)`
RGB Percent	76.9, 63.5, 12.9	`rgb(76.9%,63.5%,12.9%)`
CMYK	0, 17, 83, 23
HSL	47.5°, 71.2, 44.9	`hsl(47.5,71.2%,44.9%)`
HSV (or HSB)	47.5°, 83.2, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.79, 0.467, 65.041
XYZ	35.96, 37.688, 6.819
xyY	0.447, 0.468, 37.688
CIE-LCH	67.79, 65.043, 89.588
CIE-LUV	67.79, 29.536, 68.05
Hunter-Lab	61.39, -2.874, 36.387
Binary	11000100, 10100010, 00100001

#c4a221
```
#c4a221 rgb(196,162,33)
```
#2143c4
```
#2143c4 rgb(33,67,196)
```

Complementary Color

#c45021
```
#c45021 rgb(196,80,33)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#95c421
```
#95c421 rgb(149,196,33)
```

Analogous Color

#5021c4
```
#5021c4 rgb(80,33,196)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#2195c4
```
#2195c4 rgb(33,149,196)
```

Split Complementary Color

#a221c4
```
#a221c4 rgb(162,33,196)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#21c4a2
```
#21c4a2 rgb(33,196,162)
```

Triadic Color

#c42143
```
#c42143 rgb(196,33,67)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#21c4a2
```
#21c4a2 rgb(33,196,162)
```
#2143c4
```
#2143c4 rgb(33,67,196)
```

Tetradic Color

#836c16
```
#836c16 rgb(131,108,22)
```
#987e1a
```
#987e1a rgb(152,126,26)
```
#ae901d
```
#ae901d rgb(174,144,29)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#dab425
```
#dab425 rgb(218,180,37)
```
#debc3a
```
#debc3a rgb(222,188,58)
```
#e2c350
```
#e2c350 rgb(226,195,80)
```

Monochromatic Color

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

#c47921
```
#c47921 rgb(196,121,33)
```
#c48721
```
#c48721 rgb(196,135,33)
```
#c49421
```
#c49421 rgb(196,148,33)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#c4b021
```
#c4b021 rgb(196,176,33)
```
#c4bd21
```
#c4bd21 rgb(196,189,33)
```
#bdc421
```
#bdc421 rgb(189,196,33)
```

Similar Colors

Text with hexadecimal color #c4a221

This text has a font color of #c4a221.

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

#c4a221 background color

This paragraph has a background color of #c4a221.

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

#c4a221 border color

This element has a border color of #c4a221.

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

CSS codes

.text {color:#c4a221;}

.background {background-color:#c4a221;}

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

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

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1c1705
```
#1c1705 rgb(28,23,5)
```
#2d2508
```
#2d2508 rgb(45,37,8)
```
#3e330a
```
#3e330a rgb(62,51,10)
```
#4e410d
```
#4e410d rgb(78,65,13)
```
#5f4f10
```
#5f4f10 rgb(95,79,16)
```
#705d13
```
#705d13 rgb(112,93,19)
```
#816a16
```
#816a16 rgb(129,106,22)
```
#927819
```
#927819 rgb(146,120,25)
```
#a2861b
```
#a2861b rgb(162,134,27)
```
#b3941e
```
#b3941e rgb(179,148,30)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#d5b024
```
#d5b024 rgb(213,176,36)
```

Shade Color Variation

#dcb830
```
#dcb830 rgb(220,184,48)
```
#dfbe41
```
#dfbe41 rgb(223,190,65)
```
#e2c452
```
#e2c452 rgb(226,196,82)
```
#e5c962
```
#e5c962 rgb(229,201,98)
```
#e7cf73
```
#e7cf73 rgb(231,207,115)
```
#ead584
```
#ead584 rgb(234,213,132)
```
#eddb95
```
#eddb95 rgb(237,219,149)
```
#f0e0a6
```
#f0e0a6 rgb(240,224,166)
```
#f3e6b6
```
#f3e6b6 rgb(243,230,182)
```
#f6ecc7
```
#f6ecc7 rgb(246,236,199)
```
#f8f2d8
```
#f8f2d8 rgb(248,242,216)
```
#fbf7e9
```
#fbf7e9 rgb(251,247,233)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#757470
```
#757470 rgb(117,116,112)
```
#7e7967
```
#7e7967 rgb(126,121,103)
```
#867e5f
```
#867e5f rgb(134,126,95)
```
#8f8356
```
#8f8356 rgb(143,131,86)
```
#98884d
```
#98884d rgb(152,136,77)
```
#a18d44
```
#a18d44 rgb(161,141,68)
```
#aa933b
```
#aa933b rgb(170,147,59)
```
#b29833
```
#b29833 rgb(178,152,51)
```
#bb9d2a
```
#bb9d2a rgb(187,157,42)
```
#c4a221
```
#c4a221 rgb(196,162,33)
```
#cda718
```
#cda718 rgb(205,167,24)
```
#d6ac0f
```
#d6ac0f rgb(214,172,15)
```
#deb107
```
#deb107 rgb(222,177,7)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a59e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaa2d Protanopia 1% of men
#d3a12f Deuteranopia 1% of men
#cf9ca6 Tritanopia 0.001% of the population

Trichromacy

#c0a728 Protanomaly 1% of men, 0.01% of women
#cda12a Deuteranomaly 6% of men, 0.4% of women
#cb9e76 Tritanomaly 0.01% of the population

#c4a221 hex color

#c4a221 Color Information

#c4a221 Color Conversion

Color Schemes with #c4a221

Alternatives to #c4a221

#c4a221 Preview

Shades and Tints of #c4a221

Tones of #c4a221

Color Blindness Simulator