colorhexa.com

#c2a422 hex color

In a RGB color space, hex #c2a422 is composed of 76.1% red, 64.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.5% magenta, 82.5% yellow and 23.9% black. It has a hue angle of 48.8 degrees, a saturation of 70.2% and a lightness of 44.7%. #c2a422 color hex could be obtained by blending #ffff44 with #854900. Closest websafe color is: #cc9933.

- R 76
- G 64
- B 13
RGB color chart
- C 0
- M 15
- Y 82
- K 24
CMYK color chart

● #c2a422 color description : Strong yellow.

The hexadecimal color #c2a422 has RGB values of R:194, G:164, B:34 and CMYK values of C:0, M:0.15, Y:0.82, K:0.24. Its decimal value is 12756002.

Hex triplet	c2a422	`#c2a422`
RGB Decimal	194, 164, 34	`rgb(194,164,34)`
RGB Percent	76.1, 64.3, 13.3	`rgb(76.1%,64.3%,13.3%)`
CMYK	0, 15, 82, 24
HSL	48.8°, 70.2, 44.7	`hsl(48.8,70.2%,44.7%)`
HSV (or HSB)	48.8°, 82.5, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.122, -1.458, 64.962
XYZ	35.813, 38.137, 6.988
xyY	0.442, 0.471, 38.137
CIE-LCH	68.122, 64.978, 91.286
CIE-LUV	68.122, 26.536, 68.624
Hunter-Lab	61.755, -4.557, 36.519
Binary	11000010, 10100100, 00100010

#c2a422
```
#c2a422 rgb(194,164,34)
```
#2240c2
```
#2240c2 rgb(34,64,194)
```

Complementary Color

#c25422
```
#c25422 rgb(194,84,34)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#90c222
```
#90c222 rgb(144,194,34)
```

Analogous Color

#5422c2
```
#5422c2 rgb(84,34,194)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#2290c2
```
#2290c2 rgb(34,144,194)
```

Split Complementary Color

#a422c2
```
#a422c2 rgb(164,34,194)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#22c2a4
```
#22c2a4 rgb(34,194,164)
```

Triadic Color

#c22240
```
#c22240 rgb(194,34,64)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#22c2a4
```
#22c2a4 rgb(34,194,164)
```
#2240c2
```
#2240c2 rgb(34,64,194)
```

Tetradic Color

#816d17
```
#816d17 rgb(129,109,23)
```
#977f1a
```
#977f1a rgb(151,127,26)
```
#ac921e
```
#ac921e rgb(172,146,30)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#d8b626
```
#d8b626 rgb(216,182,38)
```
#ddbe3a
```
#ddbe3a rgb(221,190,58)
```
#e0c550
```
#e0c550 rgb(224,197,80)
```

Monochromatic Color

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

#c27c22
```
#c27c22 rgb(194,124,34)
```
#c28922
```
#c28922 rgb(194,137,34)
```
#c29722
```
#c29722 rgb(194,151,34)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#c2b122
```
#c2b122 rgb(194,177,34)
```
#c2bf22
```
#c2bf22 rgb(194,191,34)
```
#b8c222
```
#b8c222 rgb(184,194,34)
```

Similar Colors

Text with hexadecimal color #c2a422

This text has a font color of #c2a422.

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

#c2a422 background color

This paragraph has a background color of #c2a422.

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

#c2a422 border color

This element has a border color of #c2a422.

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

CSS codes

.text {color:#c2a422;}

.background {background-color:#c2a422;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1b1705
```
#1b1705 rgb(27,23,5)
```
#2c2508
```
#2c2508 rgb(44,37,8)
```
#3c330b
```
#3c330b rgb(60,51,11)
```
#4d410e
```
#4d410e rgb(77,65,14)
```
#5e4f10
```
#5e4f10 rgb(94,79,16)
```
#6f5d13
```
#6f5d13 rgb(111,93,19)
```
#7f6c16
```
#7f6c16 rgb(127,108,22)
```
#907a19
```
#907a19 rgb(144,122,25)
```
#a1881c
```
#a1881c rgb(161,136,28)
```
#b1961f
```
#b1961f rgb(177,150,31)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#d3b225
```
#d3b225 rgb(211,178,37)
```

Shade Color Variation

#dbbb30
```
#dbbb30 rgb(219,187,48)
```
#dec041
```
#dec041 rgb(222,192,65)
```
#e1c652
```
#e1c652 rgb(225,198,82)
```
#e4cb63
```
#e4cb63 rgb(228,203,99)
```
#e6d173
```
#e6d173 rgb(230,209,115)
```
#e9d684
```
#e9d684 rgb(233,214,132)
```
#ecdc95
```
#ecdc95 rgb(236,220,149)
```
#efe1a5
```
#efe1a5 rgb(239,225,165)
```
#f2e7b6
```
#f2e7b6 rgb(242,231,182)
```
#f5ecc7
```
#f5ecc7 rgb(245,236,199)
```
#f8f2d7
```
#f8f2d7 rgb(248,242,215)
```
#fbf7e8
```
#fbf7e8 rgb(251,247,232)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#737371
```
#737371 rgb(115,115,113)
```
#7c7868
```
#7c7868 rgb(124,120,104)
```
#857e5f
```
#857e5f rgb(133,126,95)
```
#8d8357
```
#8d8357 rgb(141,131,87)
```
#96894e
```
#96894e rgb(150,137,78)
```
#9f8e45
```
#9f8e45 rgb(159,142,69)
```
#a8943c
```
#a8943c rgb(168,148,60)
```
#b09934
```
#b09934 rgb(176,153,52)
```
#b99f2b
```
#b99f2b rgb(185,159,43)
```
#c2a422
```
#c2a422 rgb(194,164,34)
```
#cba919
```
#cba919 rgb(203,169,25)
```
#d4af10
```
#d4af10 rgb(212,175,16)
```
#dcb408
```
#dcb408 rgb(220,180,8)
```

Tone Color Variation

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

Dichromacy

#beaa2e Protanopia 1% of men
#d4a231 Deuteranopia 1% of men
#ce9da8 Tritanopia 0.001% of the population

Trichromacy

#c0a829 Protanomaly 1% of men, 0.01% of women
#cda32b Deuteranomaly 6% of men, 0.4% of women
#c9a077 Tritanomaly 0.01% of the population