#c7b31f hex color

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

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

● #c7b31f color description : Strong yellow.

The hexadecimal color #c7b31f has RGB values of R:199, G:179, B:31 and CMYK values of C:0, M:0.1, Y:0.84, K:0.22. Its decimal value is 13087519.

Hex triplet	c7b31f	`#c7b31f`
RGB Decimal	199, 179, 31	`rgb(199,179,31)`
RGB Percent	78, 70.2, 12.2	`rgb(78%,70.2%,12.2%)`
CMYK	0, 10, 84, 22
HSL	52.9°, 73, 45.1	`hsl(52.9,73%,45.1%)`
HSV (or HSB)	52.9°, 84.4, 78
Web Safe	cccc33	`#cccc33`

CIE-LAB	72.55, -7.233, 69.682
XYZ	39.921, 44.483, 7.779
xyY	0.433, 0.483, 44.483
CIE-LCH	72.55, 70.056, 95.926
CIE-LUV	72.55, 19.576, 75.174
Hunter-Lab	66.695, -9.874, 39.771
Binary	11000111, 10110011, 00011111

#c7b31f
```
#c7b31f rgb(199,179,31)
```
#1f33c7
```
#1f33c7 rgb(31,51,199)
```

Complementary Color

#c75f1f
```
#c75f1f rgb(199,95,31)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#87c71f
```
#87c71f rgb(135,199,31)
```

Analogous Color

#5f1fc7
```
#5f1fc7 rgb(95,31,199)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#1f87c7
```
#1f87c7 rgb(31,135,199)
```

Split Complementary Color

#b31fc7
```
#b31fc7 rgb(179,31,199)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#1fc7b3
```
#1fc7b3 rgb(31,199,179)
```

Triadic Color

#c71f33
```
#c71f33 rgb(199,31,51)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#1fc7b3
```
#1fc7b3 rgb(31,199,179)
```
#1f33c7
```
#1f33c7 rgb(31,51,199)
```

Tetradic Color

#857715
```
#857715 rgb(133,119,21)
```
#9b8b18
```
#9b8b18 rgb(155,139,24)
```
#b19f1c
```
#b19f1c rgb(177,159,28)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#ddc723
```
#ddc723 rgb(221,199,35)
```
#e0cc39
```
#e0cc39 rgb(224,204,57)
```
#e4d24f
```
#e4d24f rgb(228,210,79)
```

Monochromatic Color

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

#c7891f
```
#c7891f rgb(199,137,31)
```
#c7971f
```
#c7971f rgb(199,151,31)
```
#c7a51f
```
#c7a51f rgb(199,165,31)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#c7c11f
```
#c7c11f rgb(199,193,31)
```
#bfc71f
```
#bfc71f rgb(191,199,31)
```
#b1c71f
```
#b1c71f rgb(177,199,31)
```

Similar Colors

Text with hexadecimal color #c7b31f

This text has a font color of #c7b31f.

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

#c7b31f background color

This paragraph has a background color of #c7b31f.

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

#c7b31f border color

This element has a border color of #c7b31f.

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

CSS codes

.text {color:#c7b31f;}

.background {background-color:#c7b31f;}

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

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

#0c0b02
```
#0c0b02 rgb(12,11,2)
```
#1d1a05
```
#1d1a05 rgb(29,26,5)
```
#2e2a07
```
#2e2a07 rgb(46,42,7)
```
#3f390a
```
#3f390a rgb(63,57,10)
```
#50480c
```
#50480c rgb(80,72,12)
```
#61570f
```
#61570f rgb(97,87,15)
```
#726712
```
#726712 rgb(114,103,18)
```
#837614
```
#837614 rgb(131,118,20)
```
#948517
```
#948517 rgb(148,133,23)
```
#a5941a
```
#a5941a rgb(165,148,26)
```
#b6a41c
```
#b6a41c rgb(182,164,28)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#d8c222
```
#d8c222 rgb(216,194,34)
```

Shade Color Variation

#dfca2f
```
#dfca2f rgb(223,202,47)
```
#e1ce40
```
#e1ce40 rgb(225,206,64)
```
#e4d251
```
#e4d251 rgb(228,210,81)
```
#e6d762
```
#e6d762 rgb(230,215,98)
```
#e9db73
```
#e9db73 rgb(233,219,115)
```
#ecdf84
```
#ecdf84 rgb(236,223,132)
```
#eee495
```
#eee495 rgb(238,228,149)
```
#f1e8a5
```
#f1e8a5 rgb(241,232,165)
```
#f4ecb6
```
#f4ecb6 rgb(244,236,182)
```
#f6f1c7
```
#f6f1c7 rgb(246,241,199)
```
#f9f5d8
```
#f9f5d8 rgb(249,245,216)
```
#fcf9e9
```
#fcf9e9 rgb(252,249,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 #e2c704 is the most saturated one.

#77766f
```
#77766f rgb(119,118,111)
```
#807d66
```
#807d66 rgb(128,125,102)
```
#89845d
```
#89845d rgb(137,132,93)
```
#928b54
```
#928b54 rgb(146,139,84)
```
#9b914b
```
#9b914b rgb(155,145,75)
```
#a49842
```
#a49842 rgb(164,152,66)
```
#ac9f3a
```
#ac9f3a rgb(172,159,58)
```
#b5a631
```
#b5a631 rgb(181,166,49)
```
#beac28
```
#beac28 rgb(190,172,40)
```
#c7b31f
```
#c7b31f rgb(199,179,31)
```
#d0ba16
```
#d0ba16 rgb(208,186,22)
```
#d9c00d
```
#d9c00d rgb(217,192,13)
```
#e2c704
```
#e2c704 rgb(226,199,4)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aeaa8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb62a Protanopia 1% of men
#e2ad31 Deuteranopia 1% of men
#d4abb7 Tritanopia 0.001% of the population

Trichromacy

#cab526 Protanomaly 1% of men, 0.01% of women
#d8af2a Deuteranomaly 6% of men, 0.4% of women
#cfad7f Tritanomaly 0.01% of the population

#c7b31f hex color

#c7b31f Color Information

#c7b31f Color Conversion

Color Schemes with #c7b31f

Alternatives to #c7b31f

#c7b31f Preview

Shades and Tints of #c7b31f

Tones of #c7b31f

Color Blindness Simulator