#c4a223 hex color

In a RGB color space, hex #c4a223 is composed of 76.9% red, 63.5% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 82.1% yellow and 23.1% black. It has a hue angle of 47.3 degrees, a saturation of 69.7% and a lightness of 45.3%. #c4a223 color hex could be obtained by blending #ffff46 with #894500. Closest websafe color is: #cc9933.

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

● #c4a223 color description : Strong yellow.

The hexadecimal color #c4a223 has RGB values of R:196, G:162, B:35 and CMYK values of C:0, M:0.17, Y:0.82, K:0.23. Its decimal value is 12886563.

Hex triplet	c4a223	`#c4a223`
RGB Decimal	196, 162, 35	`rgb(196,162,35)`
RGB Percent	76.9, 63.5, 13.7	`rgb(76.9%,63.5%,13.7%)`
CMYK	0, 17, 82, 23
HSL	47.3°, 69.7, 45.3	`hsl(47.3,69.7%,45.3%)`
HSV (or HSB)	47.3°, 82.1, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.798, 0.527, 64.47
XYZ	35.989, 37.699, 6.971
xyY	0.446, 0.467, 37.699
CIE-LCH	67.798, 64.472, 89.532
CIE-LUV	67.798, 29.487, 67.697
Hunter-Lab	61.4, -2.823, 36.248
Binary	11000100, 10100010, 00100011

#c4a223
```
#c4a223 rgb(196,162,35)
```
#2345c4
```
#2345c4 rgb(35,69,196)
```

Complementary Color

#c45223
```
#c45223 rgb(196,82,35)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#96c423
```
#96c423 rgb(150,196,35)
```

Analogous Color

#5223c4
```
#5223c4 rgb(82,35,196)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#2396c4
```
#2396c4 rgb(35,150,196)
```

Split Complementary Color

#a223c4
```
#a223c4 rgb(162,35,196)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#23c4a2
```
#23c4a2 rgb(35,196,162)
```

Triadic Color

#c42345
```
#c42345 rgb(196,35,69)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#23c4a2
```
#23c4a2 rgb(35,196,162)
```
#2345c4
```
#2345c4 rgb(35,69,196)
```

Tetradic Color

#836c17
```
#836c17 rgb(131,108,23)
```
#997e1b
```
#997e1b rgb(153,126,27)
```
#ae901f
```
#ae901f rgb(174,144,31)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#d9b328
```
#d9b328 rgb(217,179,40)
```
#dcbb3e
```
#dcbb3e rgb(220,187,62)
```
#e0c353
```
#e0c353 rgb(224,195,83)
```

Monochromatic Color

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

#c47a23
```
#c47a23 rgb(196,122,35)
```
#c48723
```
#c48723 rgb(196,135,35)
```
#c49523
```
#c49523 rgb(196,149,35)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#c4af23
```
#c4af23 rgb(196,175,35)
```
#c4bd23
```
#c4bd23 rgb(196,189,35)
```
#bec423
```
#bec423 rgb(190,196,35)
```

Similar Colors

Text with hexadecimal color #c4a223

This text has a font color of #c4a223.

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

#c4a223 background color

This paragraph has a background color of #c4a223.

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

#c4a223 border color

This element has a border color of #c4a223.

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

CSS codes

.text {color:#c4a223;}

.background {background-color:#c4a223;}

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

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

#0d0b02
```
#0d0b02 rgb(13,11,2)
```
#1e1805
```
#1e1805 rgb(30,24,5)
```
#2e2608
```
#2e2608 rgb(46,38,8)
```
#3f340b
```
#3f340b rgb(63,52,11)
```
#4f420e
```
#4f420e rgb(79,66,14)
```
#604f11
```
#604f11 rgb(96,79,17)
```
#715d14
```
#715d14 rgb(113,93,20)
```
#816b17
```
#816b17 rgb(129,107,23)
```
#92791a
```
#92791a rgb(146,121,26)
```
#a3861d
```
#a3861d rgb(163,134,29)
```
#b39420
```
#b39420 rgb(179,148,32)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#d5b026
```
#d5b026 rgb(213,176,38)
```

Shade Color Variation

#dbb734
```
#dbb734 rgb(219,183,52)
```
#debd44
```
#debd44 rgb(222,189,68)
```
#e1c355
```
#e1c355 rgb(225,195,85)
```
#e4c965
```
#e4c965 rgb(228,201,101)
```
#e7cf76
```
#e7cf76 rgb(231,207,118)
```
#ead587
```
#ead587 rgb(234,213,135)
```
#eddb97
```
#eddb97 rgb(237,219,151)
```
#efe0a8
```
#efe0a8 rgb(239,224,168)
```
#f2e6b9
```
#f2e6b9 rgb(242,230,185)
```
#f5ecc9
```
#f5ecc9 rgb(245,236,201)
```
#f8f2da
```
#f8f2da rgb(248,242,218)
```
#fbf8eb
```
#fbf8eb rgb(251,248,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#747473
```
#747473 rgb(116,116,115)
```
#7d796a
```
#7d796a rgb(125,121,106)
```
#867e61
```
#867e61 rgb(134,126,97)
```
#8f8358
```
#8f8358 rgb(143,131,88)
```
#98884f
```
#98884f rgb(152,136,79)
```
#a08d47
```
#a08d47 rgb(160,141,71)
```
#a9933e
```
#a9933e rgb(169,147,62)
```
#b29835
```
#b29835 rgb(178,152,53)
```
#bb9d2c
```
#bb9d2c rgb(187,157,44)
```
#c4a223
```
#c4a223 rgb(196,162,35)
```
#cda71a
```
#cda71a rgb(205,167,26)
```
#d6ac11
```
#d6ac11 rgb(214,172,17)
```
#dfb108
```
#dfb108 rgb(223,177,8)
```

Tone Color Variation

Below, you can see how #c4a223 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
#a69f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdaa2f Protanopia 1% of men
#d3a131 Deuteranopia 1% of men
#cf9ca7 Tritanopia 0.001% of the population

Trichromacy

#c0a72a Protanomaly 1% of men, 0.01% of women
#cda12c Deuteranomaly 6% of men, 0.4% of women
#cb9e77 Tritanomaly 0.01% of the population

#c4a223 hex color

#c4a223 Color Information

#c4a223 Color Conversion

Color Schemes with #c4a223

Alternatives to #c4a223

#c4a223 Preview

Shades and Tints of #c4a223

Tones of #c4a223

Color Blindness Simulator