#c5a318 hex color

In a RGB color space, hex #c5a318 is composed of 77.3% red, 63.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 87.8% yellow and 22.7% black. It has a hue angle of 48.2 degrees, a saturation of 78.3% and a lightness of 43.3%. #c5a318 color hex could be obtained by blending #ffff30 with #8b4700. 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

● #c5a318 color description : Strong yellow.

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

Hex triplet	c5a318	`#c5a318`
RGB Decimal	197, 163, 24	`rgb(197,163,24)`
RGB Percent	77.3, 63.9, 9.4	`rgb(77.3%,63.9%,9.4%)`
CMYK	0, 17, 88, 23
HSL	48.2°, 78.3, 43.3	`hsl(48.2,78.3%,43.3%)`
HSV (or HSB)	48.2°, 87.8, 77.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.118, 0.15, 67.622
XYZ	36.289, 38.132, 6.313
xyY	0.449, 0.472, 38.132
CIE-LCH	68.118, 67.623, 89.873
CIE-LUV	68.118, 29.744, 69.808
Hunter-Lab	61.751, -3.168, 37.165
Binary	11000101, 10100011, 00011000

#c5a318
```
#c5a318 rgb(197,163,24)
```
#183ac5
```
#183ac5 rgb(24,58,197)
```

Complementary Color

#c54c18
```
#c54c18 rgb(197,76,24)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#91c518
```
#91c518 rgb(145,197,24)
```

Analogous Color

#4c18c5
```
#4c18c5 rgb(76,24,197)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#1891c5
```
#1891c5 rgb(24,145,197)
```

Split Complementary Color

#a318c5
```
#a318c5 rgb(163,24,197)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#18c5a3
```
#18c5a3 rgb(24,197,163)
```

Triadic Color

#c5183a
```
#c5183a rgb(197,24,58)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#18c5a3
```
#18c5a3 rgb(24,197,163)
```
#183ac5
```
#183ac5 rgb(24,58,197)
```

Tetradic Color

#816b10
```
#816b10 rgb(129,107,16)
```
#987d12
```
#987d12 rgb(152,125,18)
```
#ae9015
```
#ae9015 rgb(174,144,21)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#dcb61b
```
#dcb61b rgb(220,182,27)
```
#e5c12b
```
#e5c12b rgb(229,193,43)
```
#e8c742
```
#e8c742 rgb(232,199,66)
```

Monochromatic Color

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

#c57818
```
#c57818 rgb(197,120,24)
```
#c58618
```
#c58618 rgb(197,134,24)
```
#c59518
```
#c59518 rgb(197,149,24)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#c5b118
```
#c5b118 rgb(197,177,24)
```
#c5c018
```
#c5c018 rgb(197,192,24)
```
#bcc518
```
#bcc518 rgb(188,197,24)
```

Similar Colors

Text with hexadecimal color #c5a318

This text has a font color of #c5a318.

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

#c5a318 background color

This paragraph has a background color of #c5a318.

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

#c5a318 border color

This element has a border color of #c5a318.

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

CSS codes

.text {color:#c5a318;}

.background {background-color:#c5a318;}

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

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)
```
#4b3e09
```
#4b3e09 rgb(75,62,9)
```
#5c4c0b
```
#5c4c0b rgb(92,76,11)
```
#6e5b0d
```
#6e5b0d rgb(110,91,13)
```
#7f690f
```
#7f690f rgb(127,105,15)
```
#917812
```
#917812 rgb(145,120,18)
```
#a28614
```
#a28614 rgb(162,134,20)
```
#b49516
```
#b49516 rgb(180,149,22)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#d6b11a
```
#d6b11a rgb(214,177,26)
```

Shade Color Variation

#e4bd20
```
#e4bd20 rgb(228,189,32)
```
#e6c332
```
#e6c332 rgb(230,195,50)
```
#e8c843
```
#e8c843 rgb(232,200,67)
```
#eacd55
```
#eacd55 rgb(234,205,85)
```
#ecd266
```
#ecd266 rgb(236,210,102)
```
#efd778
```
#efd778 rgb(239,215,120)
```
#f1dc89
```
#f1dc89 rgb(241,220,137)
```
#f3e19b
```
#f3e19b rgb(243,225,155)
```
#f5e7ac
```
#f5e7ac rgb(245,231,172)
```
#f7ecbe
```
#f7ecbe rgb(247,236,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 #d6ad07 is the most saturated one.

#706f6d
```
#706f6d rgb(112,111,109)
```
#797565
```
#797565 rgb(121,117,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)
```
#ac9432
```
#ac9432 rgb(172,148,50)
```
#b49929
```
#b49929 rgb(180,153,41)
```
#bd9e21
```
#bd9e21 rgb(189,158,33)
```
#c5a318
```
#c5a318 rgb(197,163,24)
```
#cea810
```
#cea810 rgb(206,168,16)
```
#d6ad07
```
#d6ad07 rgb(214,173,7)
```

Tone Color Variation

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

#bfab24 Protanopia 1% of men
#d4a228 Deuteranopia 1% of men
#d19ca7 Tritanopia 0.001% of the population

Trichromacy

#c1a820 Protanomaly 1% of men, 0.01% of women
#cfa222 Deuteranomaly 6% of men, 0.4% of women
#cc9f73 Tritanomaly 0.01% of the population

#c5a318 hex color

#c5a318 Color Information

#c5a318 Color Conversion

Color Schemes with #c5a318

Alternatives to #c5a318

#c5a318 Preview

Shades and Tints of #c5a318

Tones of #c5a318

Color Blindness Simulator