#c5a218 hex color

In a RGB color space, hex #c5a218 is composed of 77.3% red, 63.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 87.8% yellow and 22.7% black. It has a hue angle of 47.9 degrees, a saturation of 78.3% and a lightness of 43.3%. #c5a218 color hex could be obtained by blending #ffff30 with #8b4500. Closest websafe color is: #cc9900.

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

● #c5a218 color description : Strong yellow.

The hexadecimal color #c5a218 has RGB values of R:197, G:162, B:24 and CMYK values of C:0, M:0.18, Y:0.88, K:0.23. Its decimal value is 12952088.

Hex triplet	c5a218	`#c5a218`
RGB Decimal	197, 162, 24	`rgb(197,162,24)`
RGB Percent	77.3, 63.5, 9.4	`rgb(77.3%,63.5%,9.4%)`
CMYK	0, 18, 88, 23
HSL	47.9°, 78.3, 43.3	`hsl(47.9,78.3%,43.3%)`
HSV (or HSB)	47.9°, 87.8, 77.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.857, 0.684, 67.414
XYZ	36.112, 37.779, 6.254
xyY	0.451, 0.471, 37.779
CIE-LCH	67.857, 67.418, 89.418
CIE-LUV	67.857, 30.484, 69.418
Hunter-Lab	61.464, -2.689, 36.992
Binary	11000101, 10100010, 00011000

#c5a218
```
#c5a218 rgb(197,162,24)
```
#183bc5
```
#183bc5 rgb(24,59,197)
```

Complementary Color

#c54b18
```
#c54b18 rgb(197,75,24)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#92c518
```
#92c518 rgb(146,197,24)
```

Analogous Color

#4c18c5
```
#4c18c5 rgb(76,24,197)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#1892c5
```
#1892c5 rgb(24,146,197)
```

Split Complementary Color

#a218c5
```
#a218c5 rgb(162,24,197)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#18c5a2
```
#18c5a2 rgb(24,197,162)
```

Triadic Color

#c5183b
```
#c5183b rgb(197,24,59)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#18c5a2
```
#18c5a2 rgb(24,197,162)
```
#183bc5
```
#183bc5 rgb(24,59,197)
```

Tetradic Color

#816a10
```
#816a10 rgb(129,106,16)
```
#987d12
```
#987d12 rgb(152,125,18)
```
#ae8f15
```
#ae8f15 rgb(174,143,21)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#dcb51b
```
#dcb51b rgb(220,181,27)
```
#e5bf2b
```
#e5bf2b rgb(229,191,43)
```
#e8c642
```
#e8c642 rgb(232,198,66)
```

Monochromatic Color

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

#c57718
```
#c57718 rgb(197,119,24)
```
#c58518
```
#c58518 rgb(197,133,24)
```
#c59418
```
#c59418 rgb(197,148,24)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#c5b018
```
#c5b018 rgb(197,176,24)
```
#c5bf18
```
#c5bf18 rgb(197,191,24)
```
#bdc518
```
#bdc518 rgb(189,197,24)
```

Similar Colors

Text with hexadecimal color #c5a218

This text has a font color of #c5a218.

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

#c5a218 background color

This paragraph has a background color of #c5a218.

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

#c5a218 border color

This element has a border color of #c5a218.

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

CSS codes

.text {color:#c5a218;}

.background {background-color:#c5a218;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#161203
```
#161203 rgb(22,18,3)
```
#282105
```
#282105 rgb(40,33,5)
```
#392f07
```
#392f07 rgb(57,47,7)
```
#4b3d09
```
#4b3d09 rgb(75,61,9)
```
#5c4c0b
```
#5c4c0b rgb(92,76,11)
```
#6e5a0d
```
#6e5a0d rgb(110,90,13)
```
#7f680f
```
#7f680f rgb(127,104,15)
```
#917712
```
#917712 rgb(145,119,18)
```
#a28514
```
#a28514 rgb(162,133,20)
```
#b49416
```
#b49416 rgb(180,148,22)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#d6b01a
```
#d6b01a rgb(214,176,26)
```

Shade Color Variation

#e4bc20
```
#e4bc20 rgb(228,188,32)
```
#e6c232
```
#e6c232 rgb(230,194,50)
```
#e8c743
```
#e8c743 rgb(232,199,67)
```
#eacc55
```
#eacc55 rgb(234,204,85)
```
#ecd166
```
#ecd166 rgb(236,209,102)
```
#efd778
```
#efd778 rgb(239,215,120)
```
#f1dc89
```
#f1dc89 rgb(241,220,137)
```
#f3e19b
```
#f3e19b rgb(243,225,155)
```
#f5e6ac
```
#f5e6ac rgb(245,230,172)
```
#f7ebbe
```
#f7ebbe rgb(247,235,190)
```
#f9f1cf
```
#f9f1cf rgb(249,241,207)
```
#fbf6e1
```
#fbf6e1 rgb(251,246,225)
```
#fdfbf2
```
#fdfbf2 rgb(253,251,242)
```

Tint Color Variation

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

#706f6d
```
#706f6d rgb(112,111,109)
```
#797465
```
#797465 rgb(121,116,101)
```
#817a5c
```
#817a5c rgb(129,122,92)
```
#8a7f54
```
#8a7f54 rgb(138,127,84)
```
#92844b
```
#92844b rgb(146,132,75)
```
#9b8943
```
#9b8943 rgb(155,137,67)
```
#a38e3a
```
#a38e3a rgb(163,142,58)
```
#ac9332
```
#ac9332 rgb(172,147,50)
```
#b49829
```
#b49829 rgb(180,152,41)
```
#bd9d21
```
#bd9d21 rgb(189,157,33)
```
#c5a218
```
#c5a218 rgb(197,162,24)
```
#cea710
```
#cea710 rgb(206,167,16)
```
#d6ac07
```
#d6ac07 rgb(214,172,7)
```

Tone Color Variation

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

#beaa25 Protanopia 1% of men
#d4a127 Deuteranopia 1% of men
#d09ba6 Tritanopia 0.001% of the population

Trichromacy

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

#c5a218 hex color

#c5a218 Color Information

#c5a218 Color Conversion

Color Schemes with #c5a218

Alternatives to #c5a218

#c5a218 Preview

Shades and Tints of #c5a218

Tones of #c5a218

Color Blindness Simulator