#c4a318 hex color

In a RGB color space, hex #c4a318 is composed of 76.9% red, 63.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 87.8% yellow and 23.1% black. It has a hue angle of 48.5 degrees, a saturation of 78.2% and a lightness of 43.1%. #c4a318 color hex could be obtained by blending #ffff30 with #894700. Closest websafe color is: #cc9900.

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

● #c4a318 color description : Strong yellow.

The hexadecimal color #c4a318 has RGB values of R:196, G:163, B:24 and CMYK values of C:0, M:0.17, Y:0.88, K:0.23. Its decimal value is 12886808.

Hex triplet	c4a318	`#c4a318`
RGB Decimal	196, 163, 24	`rgb(196,163,24)`
RGB Percent	76.9, 63.9, 9.4	`rgb(76.9%,63.9%,9.4%)`
CMYK	0, 17, 88, 23
HSL	48.5°, 78.2, 43.1	`hsl(48.5,78.2%,43.1%)`
HSV (or HSB)	48.5°, 87.8, 76.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.019, -0.295, 67.502
XYZ	36.028, 37.998, 6.301
xyY	0.449, 0.473, 37.998
CIE-LCH	68.019, 67.502, 90.25
CIE-LUV	68.019, 28.981, 69.786
Hunter-Lab	61.642, -3.547, 37.089
Binary	11000100, 10100011, 00011000

#c4a318
```
#c4a318 rgb(196,163,24)
```
#1839c4
```
#1839c4 rgb(24,57,196)
```

Complementary Color

#c44d18
```
#c44d18 rgb(196,77,24)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#8fc418
```
#8fc418 rgb(143,196,24)
```

Analogous Color

#4d18c4
```
#4d18c4 rgb(77,24,196)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#188fc4
```
#188fc4 rgb(24,143,196)
```

Split Complementary Color

#a318c4
```
#a318c4 rgb(163,24,196)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#18c4a3
```
#18c4a3 rgb(24,196,163)
```

Triadic Color

#c41839
```
#c41839 rgb(196,24,57)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#18c4a3
```
#18c4a3 rgb(24,196,163)
```
#1839c4
```
#1839c4 rgb(24,57,196)
```

Tetradic Color

#806a10
```
#806a10 rgb(128,106,16)
```
#977d12
```
#977d12 rgb(151,125,18)
```
#ad9015
```
#ad9015 rgb(173,144,21)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#dbb61b
```
#dbb61b rgb(219,182,27)
```
#e5c12a
```
#e5c12a rgb(229,193,42)
```
#e8c841
```
#e8c841 rgb(232,200,65)
```

Monochromatic Color

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

#c47818
```
#c47818 rgb(196,120,24)
```
#c48618
```
#c48618 rgb(196,134,24)
```
#c49518
```
#c49518 rgb(196,149,24)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#c4b118
```
#c4b118 rgb(196,177,24)
```
#c4c018
```
#c4c018 rgb(196,192,24)
```
#bac418
```
#bac418 rgb(186,196,24)
```

Similar Colors

Text with hexadecimal color #c4a318

This text has a font color of #c4a318.

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

#c4a318 background color

This paragraph has a background color of #c4a318.

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

#c4a318 border color

This element has a border color of #c4a318.

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

CSS codes

.text {color:#c4a318;}

.background {background-color:#c4a318;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#151203
```
#151203 rgb(21,18,3)
```
#272005
```
#272005 rgb(39,32,5)
```
#382f07
```
#382f07 rgb(56,47,7)
```
#4a3d09
```
#4a3d09 rgb(74,61,9)
```
#5b4c0b
```
#5b4c0b rgb(91,76,11)
```
#6d5a0d
```
#6d5a0d rgb(109,90,13)
```
#7e690f
```
#7e690f rgb(126,105,15)
```
#907712
```
#907712 rgb(144,119,18)
```
#a18614
```
#a18614 rgb(161,134,20)
```
#b39416
```
#b39416 rgb(179,148,22)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#d5b21a
```
#d5b21a rgb(213,178,26)
```

Shade Color Variation

#e4be20
```
#e4be20 rgb(228,190,32)
```
#e6c331
```
#e6c331 rgb(230,195,49)
```
#e8c843
```
#e8c843 rgb(232,200,67)
```
#eacd54
```
#eacd54 rgb(234,205,84)
```
#ecd265
```
#ecd265 rgb(236,210,101)
```
#eed777
```
#eed777 rgb(238,215,119)
```
#f0dd88
```
#f0dd88 rgb(240,221,136)
```
#f3e29a
```
#f3e29a rgb(243,226,154)
```
#f5e7ab
```
#f5e7ab rgb(245,231,171)
```
#f7ecbd
```
#f7ecbd rgb(247,236,189)
```
#f9f1ce
```
#f9f1ce rgb(249,241,206)
```
#fbf6e0
```
#fbf6e0 rgb(251,246,224)
```
#fdfbf1
```
#fdfbf1 rgb(253,251,241)
```

Tint Color Variation

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

#6f6f6d
```
#6f6f6d rgb(111,111,109)
```
#787464
```
#787464 rgb(120,116,100)
```
#80795c
```
#80795c rgb(128,121,92)
```
#897e53
```
#897e53 rgb(137,126,83)
```
#91844b
```
#91844b rgb(145,132,75)
```
#9a8942
```
#9a8942 rgb(154,137,66)
```
#a28e3a
```
#a28e3a rgb(162,142,58)
```
#ab9331
```
#ab9331 rgb(171,147,49)
```
#b39929
```
#b39929 rgb(179,153,41)
```
#bc9e20
```
#bc9e20 rgb(188,158,32)
```
#c4a318
```
#c4a318 rgb(196,163,24)
```
#cca810
```
#cca810 rgb(204,168,16)
```
#d5ad07
```
#d5ad07 rgb(213,173,7)
```

Tone Color Variation

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

#beaa24 Protanopia 1% of men
#d4a228 Deuteranopia 1% of men
#d09ca7 Tritanopia 0.001% of the population

Trichromacy

#c0a720 Protanomaly 1% of men, 0.01% of women
#cea222 Deuteranomaly 6% of men, 0.4% of women
#cb9f73 Tritanomaly 0.01% of the population

#c4a318 hex color

#c4a318 Color Information

#c4a318 Color Conversion

Color Schemes with #c4a318

Alternatives to #c4a318

#c4a318 Preview

Shades and Tints of #c4a318

Tones of #c4a318

Color Blindness Simulator