#c4a316 hex color

In a RGB color space, hex #c4a316 is composed of 76.9% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 88.8% yellow and 23.1% black. It has a hue angle of 48.6 degrees, a saturation of 79.8% and a lightness of 42.7%. #c4a316 color hex could be obtained by blending #ffff2c with #894700. Closest websafe color is: #cc9900.

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

● #c4a316 color description : Strong yellow.

The hexadecimal color #c4a316 has RGB values of R:196, G:163, B:22 and CMYK values of C:0, M:0.17, Y:0.89, K:0.23. Its decimal value is 12886806.

Hex triplet	c4a316	`#c4a316`
RGB Decimal	196, 163, 22	`rgb(196,163,22)`
RGB Percent	76.9, 63.9, 8.6	`rgb(76.9%,63.9%,8.6%)`
CMYK	0, 17, 89, 23
HSL	48.6°, 79.8, 42.7	`hsl(48.6,79.8%,42.7%)`
HSV (or HSB)	48.6°, 88.8, 76.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.013, -0.336, 67.926
XYZ	36.007, 37.99, 6.195
xyY	0.449, 0.474, 37.99
CIE-LCH	68.013, 67.927, 90.284
CIE-LUV	68.013, 29.015, 70.032
Hunter-Lab	61.636, -3.583, 37.186
Binary	11000100, 10100011, 00010110

#c4a316
```
#c4a316 rgb(196,163,22)
```
#1637c4
```
#1637c4 rgb(22,55,196)
```

Complementary Color

#c44c16
```
#c44c16 rgb(196,76,22)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#8ec416
```
#8ec416 rgb(142,196,22)
```

Analogous Color

#4c16c4
```
#4c16c4 rgb(76,22,196)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#168ec4
```
#168ec4 rgb(22,142,196)
```

Split Complementary Color

#a316c4
```
#a316c4 rgb(163,22,196)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#16c4a3
```
#16c4a3 rgb(22,196,163)
```

Triadic Color

#c41637
```
#c41637 rgb(196,22,55)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#16c4a3
```
#16c4a3 rgb(22,196,163)
```
#1637c4
```
#1637c4 rgb(22,55,196)
```

Tetradic Color

#7f6a0e
```
#7f6a0e rgb(127,106,14)
```
#967d11
```
#967d11 rgb(150,125,17)
```
#ad9013
```
#ad9013 rgb(173,144,19)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#dbb619
```
#dbb619 rgb(219,182,25)
```
#e7c226
```
#e7c226 rgb(231,194,38)
```
#e9c93d
```
#e9c93d rgb(233,201,61)
```

Monochromatic Color

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

#c47816
```
#c47816 rgb(196,120,22)
```
#c48616
```
#c48616 rgb(196,134,22)
```
#c49516
```
#c49516 rgb(196,149,22)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#c4b216
```
#c4b216 rgb(196,178,22)
```
#c4c016
```
#c4c016 rgb(196,192,22)
```
#bac416
```
#bac416 rgb(186,196,22)
```

Similar Colors

Text with hexadecimal color #c4a316

This text has a font color of #c4a316.

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

#c4a316 background color

This paragraph has a background color of #c4a316.

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

#c4a316 border color

This element has a border color of #c4a316.

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

CSS codes

.text {color:#c4a316;}

.background {background-color:#c4a316;}

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

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, #020200 is the darkest color, while #fdfbef is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#141002
```
#141002 rgb(20,16,2)
```
#251f04
```
#251f04 rgb(37,31,4)
```
#372e06
```
#372e06 rgb(55,46,6)
```
#493c08
```
#493c08 rgb(73,60,8)
```
#5a4b0a
```
#5a4b0a rgb(90,75,10)
```
#6c5a0c
```
#6c5a0c rgb(108,90,12)
```
#7d680e
```
#7d680e rgb(125,104,14)
```
#8f7710
```
#8f7710 rgb(143,119,16)
```
#a18612
```
#a18612 rgb(161,134,18)
```
#b29414
```
#b29414 rgb(178,148,20)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#d6b218
```
#d6b218 rgb(214,178,24)
```

Shade Color Variation

#e5bf1c
```
#e5bf1c rgb(229,191,28)
```
#e7c42d
```
#e7c42d rgb(231,196,45)
```
#e9c93f
```
#e9c93f rgb(233,201,63)
```
#ebce51
```
#ebce51 rgb(235,206,81)
```
#edd362
```
#edd362 rgb(237,211,98)
```
#efd874
```
#efd874 rgb(239,216,116)
```
#f1dd86
```
#f1dd86 rgb(241,221,134)
```
#f3e297
```
#f3e297 rgb(243,226,151)
```
#f5e7a9
```
#f5e7a9 rgb(245,231,169)
```
#f7ecba
```
#f7ecba rgb(247,236,186)
```
#f9f1cc
```
#f9f1cc rgb(249,241,204)
```
#fbf6de
```
#fbf6de rgb(251,246,222)
```
#fdfbef
```
#fdfbef rgb(253,251,239)
```

Tint Color Variation

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

#706f6a
```
#706f6a rgb(112,111,106)
```
#797461
```
#797461 rgb(121,116,97)
```
#817959
```
#817959 rgb(129,121,89)
```
#897f51
```
#897f51 rgb(137,127,81)
```
#928448
```
#928448 rgb(146,132,72)
```
#9a8940
```
#9a8940 rgb(154,137,64)
```
#a28e38
```
#a28e38 rgb(162,142,56)
```
#ab932f
```
#ab932f rgb(171,147,47)
```
#b39927
```
#b39927 rgb(179,153,39)
```
#bc9e1e
```
#bc9e1e rgb(188,158,30)
```
#c4a316
```
#c4a316 rgb(196,163,22)
```
#cca80e
```
#cca80e rgb(204,168,14)
```
#d5ad05
```
#d5ad05 rgb(213,173,5)
```

Tone Color Variation

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

Dichromacy

#beaa23 Protanopia 1% of men
#d4a226 Deuteranopia 1% of men
#d09ca7 Tritanopia 0.001% of the population

Trichromacy

#c0a71e Protanomaly 1% of men, 0.01% of women
#cea220 Deuteranomaly 6% of men, 0.4% of women
#cb9f72 Tritanomaly 0.01% of the population

#c4a316 hex color

#c4a316 Color Information

#c4a316 Color Conversion

Color Schemes with #c4a316

Alternatives to #c4a316

#c4a316 Preview

Shades and Tints of #c4a316

Tones of #c4a316

Color Blindness Simulator