#c7a71e hex color

In a RGB color space, hex #c7a71e is composed of 78% red, 65.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 84.9% yellow and 22% black. It has a hue angle of 48.6 degrees, a saturation of 73.8% and a lightness of 44.9%. #c7a71e color hex could be obtained by blending #ffff3c with #8f4f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 78
- G 65
- B 12
RGB color chart
- C 0
- M 16
- Y 85
- K 22
CMYK color chart

● #c7a71e color description : Strong yellow.

The hexadecimal color #c7a71e has RGB values of R:199, G:167, B:30 and CMYK values of C:0, M:0.16, Y:0.85, K:0.22. Its decimal value is 13084446.

Hex triplet	c7a71e	`#c7a71e`
RGB Decimal	199, 167, 30	`rgb(199,167,30)`
RGB Percent	78, 65.5, 11.8	`rgb(78%,65.5%,11.8%)`
CMYK	0, 16, 85, 22
HSL	48.6°, 73.8, 44.9	`hsl(48.6,73.8%,44.9%)`
HSV (or HSB)	48.6°, 84.9, 78
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.38, -0.951, 67.301
XYZ	37.607, 39.875, 6.944
xyY	0.445, 0.472, 39.875
CIE-LCH	69.38, 67.308, 90.81
CIE-LUV	69.38, 28.207, 70.585
Hunter-Lab	63.147, -4.201, 37.683
Binary	11000111, 10100111, 00011110

#c7a71e
```
#c7a71e rgb(199,167,30)
```
#1e3ec7
```
#1e3ec7 rgb(30,62,199)
```

Complementary Color

#c7531e
```
#c7531e rgb(199,83,30)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#93c71e
```
#93c71e rgb(147,199,30)
```

Analogous Color

#531ec7
```
#531ec7 rgb(83,30,199)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#1e93c7
```
#1e93c7 rgb(30,147,199)
```

Split Complementary Color

#a71ec7
```
#a71ec7 rgb(167,30,199)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#1ec7a7
```
#1ec7a7 rgb(30,199,167)
```

Triadic Color

#c71e3e
```
#c71e3e rgb(199,30,62)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#1ec7a7
```
#1ec7a7 rgb(30,199,167)
```
#1e3ec7
```
#1e3ec7 rgb(30,62,199)
```

Tetradic Color

#856f14
```
#856f14 rgb(133,111,20)
```
#9b8217
```
#9b8217 rgb(155,130,23)
```
#b1941b
```
#b1941b rgb(177,148,27)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#ddba21
```
#ddba21 rgb(221,186,33)
```
#e1c137
```
#e1c137 rgb(225,193,55)
```
#e4c84d
```
#e4c84d rgb(228,200,77)
```

Monochromatic Color

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

#c77d1e
```
#c77d1e rgb(199,125,30)
```
#c78b1e
```
#c78b1e rgb(199,139,30)
```
#c7991e
```
#c7991e rgb(199,153,30)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#c7b51e
```
#c7b51e rgb(199,181,30)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#bdc71e
```
#bdc71e rgb(189,199,30)
```

Similar Colors

Text with hexadecimal color #c7a71e

This text has a font color of #c7a71e.

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

#c7a71e background color

This paragraph has a background color of #c7a71e.

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

#c7a71e border color

This element has a border color of #c7a71e.

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

CSS codes

.text {color:#c7a71e;}

.background {background-color:#c7a71e;}

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

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

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1d1804
```
#1d1804 rgb(29,24,4)
```
#2e2607
```
#2e2607 rgb(46,38,7)
```
#3f3509
```
#3f3509 rgb(63,53,9)
```
#50430c
```
#50430c rgb(80,67,12)
```
#61510f
```
#61510f rgb(97,81,15)
```
#725f11
```
#725f11 rgb(114,95,17)
```
#836e14
```
#836e14 rgb(131,110,20)
```
#947c16
```
#947c16 rgb(148,124,22)
```
#a58a19
```
#a58a19 rgb(165,138,25)
```
#b6991b
```
#b6991b rgb(182,153,27)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#d8b521
```
#d8b521 rgb(216,181,33)
```

Shade Color Variation

#dfbe2d
```
#dfbe2d rgb(223,190,45)
```
#e2c33e
```
#e2c33e rgb(226,195,62)
```
#e4c84f
```
#e4c84f rgb(228,200,79)
```
#e7cd60
```
#e7cd60 rgb(231,205,96)
```
#ead371
```
#ead371 rgb(234,211,113)
```
#ecd882
```
#ecd882 rgb(236,216,130)
```
#efdd93
```
#efdd93 rgb(239,221,147)
```
#f1e3a4
```
#f1e3a4 rgb(241,227,164)
```
#f4e8b5
```
#f4e8b5 rgb(244,232,181)
```
#f6edc6
```
#f6edc6 rgb(246,237,198)
```
#f9f3d7
```
#f9f3d7 rgb(249,243,215)
```
#fcf8e8
```
#fcf8e8 rgb(252,248,232)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#78766d
```
#78766d rgb(120,118,109)
```
#817b64
```
#817b64 rgb(129,123,100)
```
#89815c
```
#89815c rgb(137,129,92)
```
#928653
```
#928653 rgb(146,134,83)
```
#9b8c4a
```
#9b8c4a rgb(155,140,74)
```
#a49141
```
#a49141 rgb(164,145,65)
```
#ad9738
```
#ad9738 rgb(173,151,56)
```
#b59c30
```
#b59c30 rgb(181,156,48)
```
#bea227
```
#bea227 rgb(190,162,39)
```
#c7a71e
```
#c7a71e rgb(199,167,30)
```
#d0ac15
```
#d0ac15 rgb(208,172,21)
```
#d9b20c
```
#d9b20c rgb(217,178,12)
```
#e1b704
```
#e1b704 rgb(225,183,4)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a9a287 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae2a Protanopia 1% of men
#d8a52d Deuteranopia 1% of men
#d3a0ab Tritanopia 0.001% of the population

Trichromacy

#c4ab25 Protanomaly 1% of men, 0.01% of women
#d2a627 Deuteranomaly 6% of men, 0.4% of women
#cea278 Tritanomaly 0.01% of the population

#c7a71e hex color

#c7a71e Color Information

#c7a71e Color Conversion

Color Schemes with #c7a71e

Alternatives to #c7a71e

#c7a71e Preview

Shades and Tints of #c7a71e

Tones of #c7a71e

Color Blindness Simulator