#c7a346 hex color

In a RGB color space, hex #c7a346 is composed of 78% red, 63.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 64.8% yellow and 22% black. It has a hue angle of 43.3 degrees, a saturation of 53.5% and a lightness of 52.7%. #c7a346 color hex could be obtained by blending #ffff8c with #8f4700. Closest websafe color is: #cc9933.

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

● #c7a346 color description : Moderate orange.

The hexadecimal color #c7a346 has RGB values of R:199, G:163, B:70 and CMYK values of C:0, M:0.18, Y:0.65, K:0.22. Its decimal value is 13083462.

Hex triplet	c7a346	`#c7a346`
RGB Decimal	199, 163, 70	`rgb(199,163,70)`
RGB Percent	78, 63.9, 27.5	`rgb(78%,63.9%,27.5%)`
CMYK	0, 18, 65, 22
HSL	43.3°, 53.5, 52.7	`hsl(43.3,53.5%,52.7%)`
HSV (or HSB)	43.3°, 64.8, 78
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.592, 2.933, 51.886
XYZ	37.756, 38.78, 11.291
xyY	0.43, 0.442, 38.78
CIE-LCH	68.592, 51.969, 86.764
CIE-LUV	68.592, 29.712, 58.747
Hunter-Lab	62.274, -0.756, 32.842
Binary	11000111, 10100011, 01000110

#c7a346
```
#c7a346 rgb(199,163,70)
```
#466ac7
```
#466ac7 rgb(70,106,199)
```

Complementary Color

#c76246
```
#c76246 rgb(199,98,70)
```
#c7a346
```
#c7a346 rgb(199,163,70)
```
#abc746
```
#abc746 rgb(171,199,70)
```

Analogous Color

#6246c7
```
#6246c7 rgb(98,70,199)
```
#c7a346
```
#c7a346 rgb(199,163,70)
```
#46abc7
```
#46abc7 rgb(70,171,199)
```

Split Complementary Color

#a346c7
```
#a346c7 rgb(163,70,199)
```
#c7a346
```
#c7a346 rgb(199,163,70)
```
#46c7a3
```
#46c7a3 rgb(70,199,163)
```

Triadic Color

#c7466a
```
#c7466a rgb(199,70,106)
```
#c7a346
```
#c7a346 rgb(199,163,70)
```
#46c7a3
```
#46c7a3 rgb(70,199,163)
```
#466ac7
```
#466ac7 rgb(70,106,199)
```

Tetradic Color

#94772d
```
#94772d rgb(148,119,45)
```
#a78733
```
#a78733 rgb(167,135,51)
```
#bb9739
```
#bb9739 rgb(187,151,57)
```
#c7a346
```
#c7a346 rgb(199,163,70)
```
#cdad5a
```
#cdad5a rgb(205,173,90)
```
#d3b66d
```
#d3b66d rgb(211,182,109)
```
#d9c081
```
#d9c081 rgb(217,192,129)
```

Monochromatic Color

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

#c78346
```
#c78346 rgb(199,131,70)
```
#c78e46
```
#c78e46 rgb(199,142,70)
```
#c79846
```
#c79846 rgb(199,152,70)
```
#c7a346
```
#c7a346 rgb(199,163,70)
```
#c7ae46
```
#c7ae46 rgb(199,174,70)
```
#c7b946
```
#c7b946 rgb(199,185,70)
```
#c7c346
```
#c7c346 rgb(199,195,70)
```

Similar Colors

Text with hexadecimal color #c7a346

This text has a font color of #c7a346.

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

#c7a346 background color

This paragraph has a background color of #c7a346.

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

#c7a346 border color

This element has a border color of #c7a346.

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

CSS codes

.text {color:#c7a346;}

.background {background-color:#c7a346;}

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

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, #0b0903 is the darkest color, while #fefdfb is the lightest one.

#0b0903
```
#0b0903 rgb(11,9,3)
```
#1a1508
```
#1a1508 rgb(26,21,8)
```
#29210c
```
#29210c rgb(41,33,12)
```
#382d11
```
#382d11 rgb(56,45,17)
```
#473915
```
#473915 rgb(71,57,21)
```
#56451a
```
#56451a rgb(86,69,26)
```
#65511f
```
#65511f rgb(101,81,31)
```
#745e23
```
#745e23 rgb(116,94,35)
```
#836a28
```
#836a28 rgb(131,106,40)
```
#92762c
```
#92762c rgb(146,118,44)
```
#a18231
```
#a18231 rgb(161,130,49)
```
#b08e35
```
#b08e35 rgb(176,142,53)
```
#bf9a3a
```
#bf9a3a rgb(191,154,58)
```

Shade Color Variation

#c7a346
```
#c7a346 rgb(199,163,70)
```
#ccaa55
```
#ccaa55 rgb(204,170,85)
```
#d0b264
```
#d0b264 rgb(208,178,100)
```
#d5b973
```
#d5b973 rgb(213,185,115)
```
#d9c182
```
#d9c182 rgb(217,193,130)
```
#dec891
```
#dec891 rgb(222,200,145)
```
#e2d0a0
```
#e2d0a0 rgb(226,208,160)
```
#e7d7af
```
#e7d7af rgb(231,215,175)
```
#ebdfbe
```
#ebdfbe rgb(235,223,190)
```
#f0e6ce
```
#f0e6ce rgb(240,230,206)
```
#f5eedd
```
#f5eedd rgb(245,238,221)
```
#f9f5ec
```
#f9f5ec rgb(249,245,236)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#8f8a7e
```
#8f8a7e rgb(143,138,126)
```
#998f74
```
#998f74 rgb(153,143,116)
```
#a2936b
```
#a2936b rgb(162,147,107)
```
#ab9762
```
#ab9762 rgb(171,151,98)
```
#b49b59
```
#b49b59 rgb(180,155,89)
```
#be9f4f
```
#be9f4f rgb(190,159,79)
```
#c7a346
```
#c7a346 rgb(199,163,70)
```
#d0a73d
```
#d0a73d rgb(208,167,61)
```
#daab33
```
#daab33 rgb(218,171,51)
```
#e3af2a
```
#e3af2a rgb(227,175,42)
```
#ecb321
```
#ecb321 rgb(236,179,33)
```
#f5b718
```
#f5b718 rgb(245,183,24)
```
#ffbc0e
```
#ffbc0e rgb(255,188,14)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#aaa390 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beac50 Protanopia 1% of men
#d2a450 Deuteranopia 1% of men
#d19ea9 Tritanopia 0.001% of the population

Trichromacy

#c1a84c Protanomaly 1% of men, 0.01% of women
#cea34c Deuteranomaly 6% of men, 0.4% of women
#cd9f85 Tritanomaly 0.01% of the population

#c7a346 hex color

#c7a346 Color Information

#c7a346 Color Conversion

Color Schemes with #c7a346

Alternatives to #c7a346

#c7a346 Preview

Shades and Tints of #c7a346

Tones of #c7a346

Color Blindness Simulator