#c7a318 hex color

In a RGB color space, hex #c7a318 is composed of 78% red, 63.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 87.9% yellow and 22% black. It has a hue angle of 47.7 degrees, a saturation of 78.5% and a lightness of 43.7%. #c7a318 color hex could be obtained by blending #ffff30 with #8f4700. Closest websafe color is: #cc9900.

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

● #c7a318 color description : Strong yellow.

The hexadecimal color #c7a318 has RGB values of R:199, G:163, B:24 and CMYK values of C:0, M:0.18, Y:0.88, K:0.22. Its decimal value is 13083416.

Hex triplet	c7a318	`#c7a318`
RGB Decimal	199, 163, 24	`rgb(199,163,24)`
RGB Percent	78, 63.9, 9.4	`rgb(78%,63.9%,9.4%)`
CMYK	0, 18, 88, 22
HSL	47.7°, 78.5, 43.7	`hsl(47.7,78.5%,43.7%)`
HSV (or HSB)	47.7°, 87.9, 78
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.317, 1.039, 67.865
XYZ	36.816, 38.404, 6.338
xyY	0.451, 0.471, 38.404
CIE-LCH	68.317, 67.873, 89.123
CIE-LUV	68.317, 31.273, 69.853
Hunter-Lab	61.971, -2.406, 37.316
Binary	11000111, 10100011, 00011000

#c7a318
```
#c7a318 rgb(199,163,24)
```
#183cc7
```
#183cc7 rgb(24,60,199)
```

Complementary Color

#c74b18
```
#c74b18 rgb(199,75,24)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#94c718
```
#94c718 rgb(148,199,24)
```

Analogous Color

#4b18c7
```
#4b18c7 rgb(75,24,199)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#1894c7
```
#1894c7 rgb(24,148,199)
```

Split Complementary Color

#a318c7
```
#a318c7 rgb(163,24,199)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#18c7a3
```
#18c7a3 rgb(24,199,163)
```

Triadic Color

#c7183c
```
#c7183c rgb(199,24,60)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#18c7a3
```
#18c7a3 rgb(24,199,163)
```
#183cc7
```
#183cc7 rgb(24,60,199)
```

Tetradic Color

#836b10
```
#836b10 rgb(131,107,16)
```
#997e13
```
#997e13 rgb(153,126,19)
```
#b09015
```
#b09015 rgb(176,144,21)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#deb61b
```
#deb61b rgb(222,182,27)
```
#e6c02c
```
#e6c02c rgb(230,192,44)
```
#e8c643
```
#e8c643 rgb(232,198,67)
```

Monochromatic Color

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

#c77718
```
#c77718 rgb(199,119,24)
```
#c78618
```
#c78618 rgb(199,134,24)
```
#c79418
```
#c79418 rgb(199,148,24)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#c7b218
```
#c7b218 rgb(199,178,24)
```
#c7c018
```
#c7c018 rgb(199,192,24)
```
#bfc718
```
#bfc718 rgb(191,199,24)
```

Similar Colors

Text with hexadecimal color #c7a318

This text has a font color of #c7a318.

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

#c7a318 background color

This paragraph has a background color of #c7a318.

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

#c7a318 border color

This element has a border color of #c7a318.

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

CSS codes

.text {color:#c7a318;}

.background {background-color:#c7a318;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#181403
```
#181403 rgb(24,20,3)
```
#292205
```
#292205 rgb(41,34,5)
```
#3b3007
```
#3b3007 rgb(59,48,7)
```
#4c3f09
```
#4c3f09 rgb(76,63,9)
```
#5e4d0b
```
#5e4d0b rgb(94,77,11)
```
#6f5b0d
```
#6f5b0d rgb(111,91,13)
```
#816a10
```
#816a10 rgb(129,106,16)
```
#927812
```
#927812 rgb(146,120,18)
```
#a48614
```
#a48614 rgb(164,134,20)
```
#b59516
```
#b59516 rgb(181,149,22)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#d9b11a
```
#d9b11a rgb(217,177,26)
```

Shade Color Variation

#e4bc22
```
#e4bc22 rgb(228,188,34)
```
#e6c233
```
#e6c233 rgb(230,194,51)
```
#e9c745
```
#e9c745 rgb(233,199,69)
```
#ebcc56
```
#ebcc56 rgb(235,204,86)
```
#edd168
```
#edd168 rgb(237,209,104)
```
#efd779
```
#efd779 rgb(239,215,121)
```
#f1dc8b
```
#f1dc8b rgb(241,220,139)
```
#f3e19c
```
#f3e19c rgb(243,225,156)
```
#f5e7ae
```
#f5e7ae rgb(245,231,174)
```
#f7ecbf
```
#f7ecbf rgb(247,236,191)
```
#f9f1d1
```
#f9f1d1 rgb(249,241,209)
```
#fcf6e2
```
#fcf6e2 rgb(252,246,226)
```
#fefcf4
```
#fefcf4 rgb(254,252,244)
```

Tint Color Variation

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

#71716e
```
#71716e rgb(113,113,110)
```
#7a7665
```
#7a7665 rgb(122,118,101)
```
#827b5d
```
#827b5d rgb(130,123,93)
```
#8b8054
```
#8b8054 rgb(139,128,84)
```
#94854b
```
#94854b rgb(148,133,75)
```
#9c8a43
```
#9c8a43 rgb(156,138,67)
```
#a58f3a
```
#a58f3a rgb(165,143,58)
```
#ad9432
```
#ad9432 rgb(173,148,50)
```
#b69929
```
#b69929 rgb(182,153,41)
```
#be9e21
```
#be9e21 rgb(190,158,33)
```
#c7a318
```
#c7a318 rgb(199,163,24)
```
#d0a80f
```
#d0a80f rgb(208,168,15)
```
#d8ad07
```
#d8ad07 rgb(216,173,7)
```

Tone Color Variation

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

Dichromacy

#bfab25 Protanopia 1% of men
#d5a227 Deuteranopia 1% of men
#d29ca7 Tritanopia 0.001% of the population

Trichromacy

#c2a820 Protanomaly 1% of men, 0.01% of women
#d0a222 Deuteranomaly 6% of men, 0.4% of women
#ce9f73 Tritanomaly 0.01% of the population

#c7a318 hex color

#c7a318 Color Information

#c7a318 Color Conversion

Color Schemes with #c7a318

Alternatives to #c7a318

#c7a318 Preview

Shades and Tints of #c7a318

Tones of #c7a318

Color Blindness Simulator