#c7a81f hex color

In a RGB color space, hex #c7a81f is composed of 78% red, 65.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.6% magenta, 84.4% yellow and 22% black. It has a hue angle of 48.9 degrees, a saturation of 73% and a lightness of 45.1%. #c7a81f color hex could be obtained by blending #ffff3e with #8f5100. Closest websafe color is: #cc9933.

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

● #c7a81f color description : Strong yellow.

The hexadecimal color #c7a81f has RGB values of R:199, G:168, B:31 and CMYK values of C:0, M:0.16, Y:0.84, K:0.22. Its decimal value is 13084703.

Hex triplet	c7a81f	`#c7a81f`
RGB Decimal	199, 168, 31	`rgb(199,168,31)`
RGB Percent	78, 65.9, 12.2	`rgb(78%,65.9%,12.2%)`
CMYK	0, 16, 84, 22
HSL	48.9°, 73, 45.1	`hsl(48.9,73%,45.1%)`
HSV (or HSB)	48.9°, 84.4, 78
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.646, -1.456, 67.264
XYZ	37.804, 40.248, 7.074
xyY	0.444, 0.473, 40.248
CIE-LCH	69.646, 67.28, 91.24
CIE-LUV	69.646, 27.456, 70.826
Hunter-Lab	63.441, -4.657, 37.798
Binary	11000111, 10101000, 00011111

#c7a81f
```
#c7a81f rgb(199,168,31)
```
#1f3ec7
```
#1f3ec7 rgb(31,62,199)
```

Complementary Color

#c7541f
```
#c7541f rgb(199,84,31)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#92c71f
```
#92c71f rgb(146,199,31)
```

Analogous Color

#541fc7
```
#541fc7 rgb(84,31,199)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#1f92c7
```
#1f92c7 rgb(31,146,199)
```

Split Complementary Color

#a81fc7
```
#a81fc7 rgb(168,31,199)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#1fc7a8
```
#1fc7a8 rgb(31,199,168)
```

Triadic Color

#c71f3e
```
#c71f3e rgb(199,31,62)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#1fc7a8
```
#1fc7a8 rgb(31,199,168)
```
#1f3ec7
```
#1f3ec7 rgb(31,62,199)
```

Tetradic Color

#857015
```
#857015 rgb(133,112,21)
```
#9b8318
```
#9b8318 rgb(155,131,24)
```
#b1951c
```
#b1951c rgb(177,149,28)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#ddba23
```
#ddba23 rgb(221,186,35)
```
#e0c139
```
#e0c139 rgb(224,193,57)
```
#e4c84f
```
#e4c84f rgb(228,200,79)
```

Monochromatic Color

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

#c77e1f
```
#c77e1f rgb(199,126,31)
```
#c78c1f
```
#c78c1f rgb(199,140,31)
```
#c79a1f
```
#c79a1f rgb(199,154,31)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#c7b61f
```
#c7b61f rgb(199,182,31)
```
#c7c41f
```
#c7c41f rgb(199,196,31)
```
#bcc71f
```
#bcc71f rgb(188,199,31)
```

Similar Colors

Text with hexadecimal color #c7a81f

This text has a font color of #c7a81f.

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

#c7a81f background color

This paragraph has a background color of #c7a81f.

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

#c7a81f border color

This element has a border color of #c7a81f.

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

CSS codes

.text {color:#c7a81f;}

.background {background-color:#c7a81f;}

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

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

#0c0a02
```
#0c0a02 rgb(12,10,2)
```
#1d1905
```
#1d1905 rgb(29,25,5)
```
#2e2707
```
#2e2707 rgb(46,39,7)
```
#3f350a
```
#3f350a rgb(63,53,10)
```
#50440c
```
#50440c rgb(80,68,12)
```
#61520f
```
#61520f rgb(97,82,15)
```
#726012
```
#726012 rgb(114,96,18)
```
#836f14
```
#836f14 rgb(131,111,20)
```
#947d17
```
#947d17 rgb(148,125,23)
```
#a58b1a
```
#a58b1a rgb(165,139,26)
```
#b69a1c
```
#b69a1c rgb(182,154,28)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#d8b622
```
#d8b622 rgb(216,182,34)
```

Shade Color Variation

#dfbe2f
```
#dfbe2f rgb(223,190,47)
```
#e1c340
```
#e1c340 rgb(225,195,64)
```
#e4c951
```
#e4c951 rgb(228,201,81)
```
#e6ce62
```
#e6ce62 rgb(230,206,98)
```
#e9d373
```
#e9d373 rgb(233,211,115)
```
#ecd984
```
#ecd984 rgb(236,217,132)
```
#eede95
```
#eede95 rgb(238,222,149)
```
#f1e3a5
```
#f1e3a5 rgb(241,227,165)
```
#f4e8b6
```
#f4e8b6 rgb(244,232,182)
```
#f6eec7
```
#f6eec7 rgb(246,238,199)
```
#f9f3d8
```
#f9f3d8 rgb(249,243,216)
```
#fcf8e9
```
#fcf8e9 rgb(252,248,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#77766f
```
#77766f rgb(119,118,111)
```
#807b66
```
#807b66 rgb(128,123,102)
```
#89815d
```
#89815d rgb(137,129,93)
```
#928754
```
#928754 rgb(146,135,84)
```
#9b8c4b
```
#9b8c4b rgb(155,140,75)
```
#a49242
```
#a49242 rgb(164,146,66)
```
#ac973a
```
#ac973a rgb(172,151,58)
```
#b59d31
```
#b59d31 rgb(181,157,49)
```
#bea228
```
#bea228 rgb(190,162,40)
```
#c7a81f
```
#c7a81f rgb(199,168,31)
```
#d0ae16
```
#d0ae16 rgb(208,174,22)
```
#d9b30d
```
#d9b30d rgb(217,179,13)
```
#e2b904
```
#e2b904 rgb(226,185,4)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a9a388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae2b Protanopia 1% of men
#d9a62e Deuteranopia 1% of men
#d3a1ac Tritanopia 0.001% of the population

Trichromacy

#c4ac26 Protanomaly 1% of men, 0.01% of women
#d2a629 Deuteranomaly 6% of men, 0.4% of women
#cea379 Tritanomaly 0.01% of the population

#c7a81f hex color

#c7a81f Color Information

#c7a81f Color Conversion

Color Schemes with #c7a81f

Alternatives to #c7a81f

#c7a81f Preview

Shades and Tints of #c7a81f

Tones of #c7a81f

Color Blindness Simulator