#c4a022 hex color

In a RGB color space, hex #c4a022 is composed of 76.9% red, 62.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.4% magenta, 82.7% yellow and 23.1% black. It has a hue angle of 46.7 degrees, a saturation of 70.4% and a lightness of 45.1%. #c4a022 color hex could be obtained by blending #ffff44 with #894100. Closest websafe color is: #cc9933.

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

● #c4a022 color description : Strong yellow.

The hexadecimal color #c4a022 has RGB values of R:196, G:160, B:34 and CMYK values of C:0, M:0.18, Y:0.83, K:0.23. Its decimal value is 12886050.

Hex triplet	c4a022	`#c4a022`
RGB Decimal	196, 160, 34	`rgb(196,160,34)`
RGB Percent	76.9, 62.7, 13.3	`rgb(76.9%,62.7%,13.3%)`
CMYK	0, 18, 83, 23
HSL	46.7°, 70.4, 45.1	`hsl(46.7,70.4%,45.1%)`
HSV (or HSB)	46.7°, 82.7, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.273, 1.568, 64.311
XYZ	35.625, 36.994, 6.778
xyY	0.449, 0.466, 36.994
CIE-LCH	67.273, 64.331, 88.603
CIE-LUV	67.273, 30.987, 67.08
Hunter-Lab	60.823, -1.89, 35.969
Binary	11000100, 10100000, 00100010

#c4a022
```
#c4a022 rgb(196,160,34)
```
#2246c4
```
#2246c4 rgb(34,70,196)
```

Complementary Color

#c44f22
```
#c44f22 rgb(196,79,34)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#97c422
```
#97c422 rgb(151,196,34)
```

Analogous Color

#4f22c4
```
#4f22c4 rgb(79,34,196)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#2297c4
```
#2297c4 rgb(34,151,196)
```

Split Complementary Color

#a022c4
```
#a022c4 rgb(160,34,196)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#22c4a0
```
#22c4a0 rgb(34,196,160)
```

Triadic Color

#c42246
```
#c42246 rgb(196,34,70)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#22c4a0
```
#22c4a0 rgb(34,196,160)
```
#2246c4
```
#2246c4 rgb(34,70,196)
```

Tetradic Color

#836b17
```
#836b17 rgb(131,107,23)
```
#997d1a
```
#997d1a rgb(153,125,26)
```
#ae8e1e
```
#ae8e1e rgb(174,142,30)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#d9b226
```
#d9b226 rgb(217,178,38)
```
#ddb93c
```
#ddb93c rgb(221,185,60)
```
#e1c152
```
#e1c152 rgb(225,193,82)
```

Monochromatic Color

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

#c47822
```
#c47822 rgb(196,120,34)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#c49322
```
#c49322 rgb(196,147,34)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#c4ae22
```
#c4ae22 rgb(196,174,34)
```
#c4bb22
```
#c4bb22 rgb(196,187,34)
```
#c0c422
```
#c0c422 rgb(192,196,34)
```

Similar Colors

Text with hexadecimal color #c4a022

This text has a font color of #c4a022.

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

#c4a022 background color

This paragraph has a background color of #c4a022.

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

#c4a022 border color

This element has a border color of #c4a022.

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

CSS codes

.text {color:#c4a022;}

.background {background-color:#c4a022;}

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

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)
```
#2e2508
```
#2e2508 rgb(46,37,8)
```
#3e330b
```
#3e330b rgb(62,51,11)
```
#4f400e
```
#4f400e rgb(79,64,14)
```
#604e11
```
#604e11 rgb(96,78,17)
```
#705c14
```
#705c14 rgb(112,92,20)
```
#816916
```
#816916 rgb(129,105,22)
```
#927719
```
#927719 rgb(146,119,25)
```
#a3851c
```
#a3851c rgb(163,133,28)
```
#b3921f
```
#b3921f rgb(179,146,31)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#d5ae25
```
#d5ae25 rgb(213,174,37)
```

Shade Color Variation

#dbb632
```
#dbb632 rgb(219,182,50)
```
#debc43
```
#debc43 rgb(222,188,67)
```
#e1c253
```
#e1c253 rgb(225,194,83)
```
#e4c864
```
#e4c864 rgb(228,200,100)
```
#e7ce75
```
#e7ce75 rgb(231,206,117)
```
#ead485
```
#ead485 rgb(234,212,133)
```
#edda96
```
#edda96 rgb(237,218,150)
```
#f0e0a7
```
#f0e0a7 rgb(240,224,167)
```
#f3e5b8
```
#f3e5b8 rgb(243,229,184)
```
#f6ebc8
```
#f6ebc8 rgb(246,235,200)
```
#f8f1d9
```
#f8f1d9 rgb(248,241,217)
```
#fbf7ea
```
#fbf7ea rgb(251,247,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#747472
```
#747472 rgb(116,116,114)
```
#7d7969
```
#7d7969 rgb(125,121,105)
```
#867e60
```
#867e60 rgb(134,126,96)
```
#8f8357
```
#8f8357 rgb(143,131,87)
```
#98874e
```
#98874e rgb(152,135,78)
```
#a18c45
```
#a18c45 rgb(161,140,69)
```
#a9913d
```
#a9913d rgb(169,145,61)
```
#b29634
```
#b29634 rgb(178,150,52)
```
#bb9b2b
```
#bb9b2b rgb(187,155,43)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#cda519
```
#cda519 rgb(205,165,25)
```
#d6aa10
```
#d6aa10 rgb(214,170,16)
```
#dfaf07
```
#dfaf07 rgb(223,175,7)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a49d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca82e Protanopia 1% of men
#d1a030 Deuteranopia 1% of men
#cf9aa5 Tritanopia 0.001% of the population

Trichromacy

#bfa529 Protanomaly 1% of men, 0.01% of women
#cca02a Deuteranomaly 6% of men, 0.4% of women
#cb9c75 Tritanomaly 0.01% of the population

#c4a022 hex color

#c4a022 Color Information

#c4a022 Color Conversion

Color Schemes with #c4a022

Alternatives to #c4a022

#c4a022 Preview

Shades and Tints of #c4a022

Tones of #c4a022

Color Blindness Simulator