#c2a222 hex color

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

♥
- f
- t
- g
- R 76
- G 64
- B 13
RGB color chart
- C 0
- M 16
- Y 82
- K 24
CMYK color chart

● #c2a222 color description : Strong yellow.

The hexadecimal color #c2a222 has RGB values of R:194, G:162, B:34 and CMYK values of C:0, M:0.16, Y:0.82, K:0.24. Its decimal value is 12755490.

Hex triplet	c2a222	`#c2a222`
RGB Decimal	194, 162, 34	`rgb(194,162,34)`
RGB Percent	76.1, 63.5, 13.3	`rgb(76.1%,63.5%,13.3%)`
CMYK	0, 16, 82, 24
HSL	48°, 70.2, 44.7	`hsl(48,70.2%,44.7%)`
HSV (or HSB)	48°, 82.5, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.596, -0.391, 64.511
XYZ	35.458, 37.427, 6.87
xyY	0.445, 0.469, 37.427
CIE-LCH	67.596, 64.512, 90.347
CIE-LUV	67.596, 27.994, 67.825
Hunter-Lab	61.178, -3.605, 36.166
Binary	11000010, 10100010, 00100010

#c2a222
```
#c2a222 rgb(194,162,34)
```
#2242c2
```
#2242c2 rgb(34,66,194)
```

Complementary Color

#c25222
```
#c25222 rgb(194,82,34)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#92c222
```
#92c222 rgb(146,194,34)
```

Analogous Color

#5222c2
```
#5222c2 rgb(82,34,194)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#2292c2
```
#2292c2 rgb(34,146,194)
```

Split Complementary Color

#a222c2
```
#a222c2 rgb(162,34,194)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#22c2a2
```
#22c2a2 rgb(34,194,162)
```

Triadic Color

#c22242
```
#c22242 rgb(194,34,66)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#22c2a2
```
#22c2a2 rgb(34,194,162)
```
#2242c2
```
#2242c2 rgb(34,66,194)
```

Tetradic Color

#816c17
```
#816c17 rgb(129,108,23)
```
#977e1a
```
#977e1a rgb(151,126,26)
```
#ac901e
```
#ac901e rgb(172,144,30)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#d8b426
```
#d8b426 rgb(216,180,38)
```
#ddbc3a
```
#ddbc3a rgb(221,188,58)
```
#e0c450
```
#e0c450 rgb(224,196,80)
```

Monochromatic Color

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

#c27a22
```
#c27a22 rgb(194,122,34)
```
#c28722
```
#c28722 rgb(194,135,34)
```
#c29522
```
#c29522 rgb(194,149,34)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#c2af22
```
#c2af22 rgb(194,175,34)
```
#c2bd22
```
#c2bd22 rgb(194,189,34)
```
#bac222
```
#bac222 rgb(186,194,34)
```

Similar Colors

Text with hexadecimal color #c2a222

This text has a font color of #c2a222.

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

#c2a222 background color

This paragraph has a background color of #c2a222.

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

#c2a222 border color

This element has a border color of #c2a222.

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

CSS codes

.text {color:#c2a222;}

.background {background-color:#c2a222;}

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

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)
```
#4d400e
```
#4d400e rgb(77,64,14)
```
#5e4e10
```
#5e4e10 rgb(94,78,16)
```
#6f5c13
```
#6f5c13 rgb(111,92,19)
```
#7f6a16
```
#7f6a16 rgb(127,106,22)
```
#907819
```
#907819 rgb(144,120,25)
```
#a1861c
```
#a1861c rgb(161,134,28)
```
#b1941f
```
#b1941f rgb(177,148,31)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#d3b025
```
#d3b025 rgb(211,176,37)
```

Shade Color Variation

#dbb930
```
#dbb930 rgb(219,185,48)
```
#debe41
```
#debe41 rgb(222,190,65)
```
#e1c452
```
#e1c452 rgb(225,196,82)
```
#e4ca63
```
#e4ca63 rgb(228,202,99)
```
#e6cf73
```
#e6cf73 rgb(230,207,115)
```
#e9d584
```
#e9d584 rgb(233,213,132)
```
#ecdb95
```
#ecdb95 rgb(236,219,149)
```
#efe0a5
```
#efe0a5 rgb(239,224,165)
```
#f2e6b6
```
#f2e6b6 rgb(242,230,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 #dcb208 is the most saturated one.

#737371
```
#737371 rgb(115,115,113)
```
#7c7868
```
#7c7868 rgb(124,120,104)
```
#857d5f
```
#857d5f rgb(133,125,95)
```
#8d8257
```
#8d8257 rgb(141,130,87)
```
#96884e
```
#96884e rgb(150,136,78)
```
#9f8d45
```
#9f8d45 rgb(159,141,69)
```
#a8923c
```
#a8923c rgb(168,146,60)
```
#b09734
```
#b09734 rgb(176,151,52)
```
#b99d2b
```
#b99d2b rgb(185,157,43)
```
#c2a222
```
#c2a222 rgb(194,162,34)
```
#cba719
```
#cba719 rgb(203,167,25)
```
#d4ad10
```
#d4ad10 rgb(212,173,16)
```
#dcb208
```
#dcb208 rgb(220,178,8)
```

Tone Color Variation

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

Dichromacy

#bda92e Protanopia 1% of men
#d2a130 Deuteranopia 1% of men
#ce9ca7 Tritanopia 0.001% of the population

Trichromacy

#bfa629 Protanomaly 1% of men, 0.01% of women
#cca12b Deuteranomaly 6% of men, 0.4% of women
#c99e76 Tritanomaly 0.01% of the population

#c2a222 hex color

#c2a222 Color Information

#c2a222 Color Conversion

Color Schemes with #c2a222

Alternatives to #c2a222

#c2a222 Preview

Shades and Tints of #c2a222

Tones of #c2a222

Color Blindness Simulator