#c3a322 hex color

In a RGB color space, hex #c3a322 is composed of 76.5% red, 63.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.4% magenta, 82.6% yellow and 23.5% black. It has a hue angle of 48.1 degrees, a saturation of 70.3% and a lightness of 44.9%. #c3a322 color hex could be obtained by blending #ffff44 with #874700. Closest websafe color is: #cc9933.

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

● #c3a322 color description : Strong yellow.

The hexadecimal color #c3a322 has RGB values of R:195, G:163, B:34 and CMYK values of C:0, M:0.16, Y:0.83, K:0.24. Its decimal value is 12821282.

Hex triplet	c3a322	`#c3a322`
RGB Decimal	195, 163, 34	`rgb(195,163,34)`
RGB Percent	76.5, 63.9, 13.3	`rgb(76.5%,63.9%,13.3%)`
CMYK	0, 16, 83, 24
HSL	48.1°, 70.3, 44.9	`hsl(48.1,70.3%,44.9%)`
HSV (or HSB)	48.1°, 82.6, 76.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.957, -0.481, 64.859
XYZ	35.892, 37.913, 6.941
xyY	0.445, 0.47, 37.913
CIE-LCH	67.957, 64.861, 90.425
CIE-LUV	67.957, 28.02, 68.249
Hunter-Lab	61.574, -3.705, 36.418
Binary	11000011, 10100011, 00100010

#c3a322
```
#c3a322 rgb(195,163,34)
```
#2242c3
```
#2242c3 rgb(34,66,195)
```

Complementary Color

#c35322
```
#c35322 rgb(195,83,34)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#93c322
```
#93c322 rgb(147,195,34)
```

Analogous Color

#5222c3
```
#5222c3 rgb(82,34,195)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#2293c3
```
#2293c3 rgb(34,147,195)
```

Split Complementary Color

#a322c3
```
#a322c3 rgb(163,34,195)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#22c3a3
```
#22c3a3 rgb(34,195,163)
```

Triadic Color

#c32242
```
#c32242 rgb(195,34,66)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#22c3a3
```
#22c3a3 rgb(34,195,163)
```
#2242c3
```
#2242c3 rgb(34,66,195)
```

Tetradic Color

#826d17
```
#826d17 rgb(130,109,23)
```
#987f1a
```
#987f1a rgb(152,127,26)
```
#ad911e
```
#ad911e rgb(173,145,30)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#d9b526
```
#d9b526 rgb(217,181,38)
```
#ddbd3b
```
#ddbd3b rgb(221,189,59)
```
#e1c451
```
#e1c451 rgb(225,196,81)
```

Monochromatic Color

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

#c37b22
```
#c37b22 rgb(195,123,34)
```
#c38822
```
#c38822 rgb(195,136,34)
```
#c39622
```
#c39622 rgb(195,150,34)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#c3b022
```
#c3b022 rgb(195,176,34)
```
#c3be22
```
#c3be22 rgb(195,190,34)
```
#bbc322
```
#bbc322 rgb(187,195,34)
```

Similar Colors

Text with hexadecimal color #c3a322

This text has a font color of #c3a322.

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

#c3a322 background color

This paragraph has a background color of #c3a322.

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

#c3a322 border color

This element has a border color of #c3a322.

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

CSS codes

.text {color:#c3a322;}

.background {background-color:#c3a322;}

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

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)
```
#3d330b
```
#3d330b rgb(61,51,11)
```
#4e410e
```
#4e410e rgb(78,65,14)
```
#5f4f11
```
#5f4f11 rgb(95,79,17)
```
#6f5d13
```
#6f5d13 rgb(111,93,19)
```
#806b16
```
#806b16 rgb(128,107,22)
```
#917919
```
#917919 rgb(145,121,25)
```
#a2871c
```
#a2871c rgb(162,135,28)
```
#b2951f
```
#b2951f rgb(178,149,31)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#d4b125
```
#d4b125 rgb(212,177,37)
```

Shade Color Variation

#dbb931
```
#dbb931 rgb(219,185,49)
```
#debf42
```
#debf42 rgb(222,191,66)
```
#e1c553
```
#e1c553 rgb(225,197,83)
```
#e4ca63
```
#e4ca63 rgb(228,202,99)
```
#e7d074
```
#e7d074 rgb(231,208,116)
```
#ead685
```
#ead685 rgb(234,214,133)
```
#eddb95
```
#eddb95 rgb(237,219,149)
```
#efe1a6
```
#efe1a6 rgb(239,225,166)
```
#f2e7b7
```
#f2e7b7 rgb(242,231,183)
```
#f5ecc7
```
#f5ecc7 rgb(245,236,199)
```
#f8f2d8
```
#f8f2d8 rgb(248,242,216)
```
#fbf8e9
```
#fbf8e9 rgb(251,248,233)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#747371
```
#747371 rgb(116,115,113)
```
#7d7968
```
#7d7968 rgb(125,121,104)
```
#857e60
```
#857e60 rgb(133,126,96)
```
#8e8357
```
#8e8357 rgb(142,131,87)
```
#97884e
```
#97884e rgb(151,136,78)
```
#a08e45
```
#a08e45 rgb(160,142,69)
```
#a9933c
```
#a9933c rgb(169,147,60)
```
#b19834
```
#b19834 rgb(177,152,52)
```
#ba9e2b
```
#ba9e2b rgb(186,158,43)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```
#cca819
```
#cca819 rgb(204,168,25)
```
#d5ae10
```
#d5ae10 rgb(213,174,16)
```
#ddb308
```
#ddb308 rgb(221,179,8)
```

Tone Color Variation

Below, you can see how #c3a322 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
#d3a230 Deuteranopia 1% of men
#cf9da7 Tritanopia 0.001% of the population

Trichromacy

#c0a729 Protanomaly 1% of men, 0.01% of women
#cda22b Deuteranomaly 6% of men, 0.4% of women
#ca9f77 Tritanomaly 0.01% of the population

#c3a322 hex color

#c3a322 Color Information

#c3a322 Color Conversion

Color Schemes with #c3a322

Alternatives to #c3a322

#c3a322 Preview

Shades and Tints of #c3a322

Tones of #c3a322

Color Blindness Simulator