#c7c31e hex color

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

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

● #c7c31e color description : Strong yellow.

The hexadecimal color #c7c31e has RGB values of R:199, G:195, B:30 and CMYK values of C:0, M:0.02, Y:0.85, K:0.22. Its decimal value is 13091614.

Hex triplet	c7c31e	`#c7c31e`
RGB Decimal	199, 195, 30	`rgb(199,195,30)`
RGB Percent	78, 76.5, 11.8	`rgb(78%,76.5%,11.8%)`
CMYK	0, 2, 85, 22
HSL	58.6°, 73.8, 44.9	`hsl(58.6,73.8%,44.9%)`
HSV (or HSB)	58.6°, 84.9, 78
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.84, -15.438, 73.459
XYZ	43.303, 51.267, 8.843
xyY	0.419, 0.496, 51.267
CIE-LCH	76.84, 75.064, 101.869
CIE-LUV	76.84, 8.641, 81.627
Hunter-Lab	71.601, -17.348, 42.798
Binary	11000111, 11000011, 00011110

#c7c31e
```
#c7c31e rgb(199,195,30)
```
#1e22c7
```
#1e22c7 rgb(30,34,199)
```

Complementary Color

#c76f1e
```
#c76f1e rgb(199,111,30)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#77c71e
```
#77c71e rgb(119,199,30)
```

Analogous Color

#6f1ec7
```
#6f1ec7 rgb(111,30,199)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#1e77c7
```
#1e77c7 rgb(30,119,199)
```

Split Complementary Color

#c31ec7
```
#c31ec7 rgb(195,30,199)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#1ec7c3
```
#1ec7c3 rgb(30,199,195)
```

Triadic Color

#c71e22
```
#c71e22 rgb(199,30,34)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#1ec7c3
```
#1ec7c3 rgb(30,199,195)
```
#1e22c7
```
#1e22c7 rgb(30,34,199)
```

Tetradic Color

#858214
```
#858214 rgb(133,130,20)
```
#9b9817
```
#9b9817 rgb(155,152,23)
```
#b1ad1b
```
#b1ad1b rgb(177,173,27)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#ddd921
```
#ddd921 rgb(221,217,33)
```
#e1dd37
```
#e1dd37 rgb(225,221,55)
```
#e4e14d
```
#e4e14d rgb(228,225,77)
```

Monochromatic Color

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

#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)
```
#afc71e
```
#afc71e rgb(175,199,30)
```
#a1c71e
```
#a1c71e rgb(161,199,30)
```

Similar Colors

Text with hexadecimal color #c7c31e

This text has a font color of #c7c31e.

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

#c7c31e background color

This paragraph has a background color of #c7c31e.

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

#c7c31e border color

This element has a border color of #c7c31e.

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

CSS codes

.text {color:#c7c31e;}

.background {background-color:#c7c31e;}

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

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

#0b0b02
```
#0b0b02 rgb(11,11,2)
```
#1d1c04
```
#1d1c04 rgb(29,28,4)
```
#2e2d07
```
#2e2d07 rgb(46,45,7)
```
#3f3d09
```
#3f3d09 rgb(63,61,9)
```
#504e0c
```
#504e0c rgb(80,78,12)
```
#615f0f
```
#615f0f rgb(97,95,15)
```
#726f11
```
#726f11 rgb(114,111,17)
```
#838014
```
#838014 rgb(131,128,20)
```
#949116
```
#949116 rgb(148,145,22)
```
#a5a219
```
#a5a219 rgb(165,162,25)
```
#b6b21b
```
#b6b21b rgb(182,178,27)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#d8d421
```
#d8d421 rgb(216,212,33)
```

Shade Color Variation

#dfdb2d
```
#dfdb2d rgb(223,219,45)
```
#e2de3e
```
#e2de3e rgb(226,222,62)
```
#e4e14f
```
#e4e14f rgb(228,225,79)
```
#e7e460
```
#e7e460 rgb(231,228,96)
```
#eae771
```
#eae771 rgb(234,231,113)
```
#ecea82
```
#ecea82 rgb(236,234,130)
```
#efed93
```
#efed93 rgb(239,237,147)
```
#f1efa4
```
#f1efa4 rgb(241,239,164)
```
#f4f2b5
```
#f4f2b5 rgb(244,242,181)
```
#f6f5c6
```
#f6f5c6 rgb(246,245,198)
```
#f9f8d7
```
#f9f8d7 rgb(249,248,215)
```
#fcfbe8
```
#fcfbe8 rgb(252,251,232)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#78776d
```
#78776d rgb(120,119,109)
```
#818064
```
#818064 rgb(129,128,100)
```
#89885c
```
#89885c rgb(137,136,92)
```
#929153
```
#929153 rgb(146,145,83)
```
#9b994a
```
#9b994a rgb(155,153,74)
```
#a4a141
```
#a4a141 rgb(164,161,65)
```
#adaa38
```
#adaa38 rgb(173,170,56)
```
#b5b230
```
#b5b230 rgb(181,178,48)
```
#bebb27
```
#bebb27 rgb(190,187,39)
```
#c7c31e
```
#c7c31e rgb(199,195,30)
```
#d0cb15
```
#d0cb15 rgb(208,203,21)
```
#d9d40c
```
#d9d40c rgb(217,212,12)
```
#e1dc04
```
#e1dc04 rgb(225,220,4)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b5b594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c128 Protanopia 1% of men
#f0b733 Deuteranopia 1% of men
#d7b9c6 Tritanopia 0.001% of the population

Trichromacy

#d2c224 Protanomaly 1% of men, 0.01% of women
#e1bb2b Deuteranomaly 6% of men, 0.4% of women
#d1bc89 Tritanomaly 0.01% of the population

#c7c31e hex color

#c7c31e Color Information

#c7c31e Color Conversion

Color Schemes with #c7c31e

Alternatives to #c7c31e

#c7c31e Preview

Shades and Tints of #c7c31e

Tones of #c7c31e

Color Blindness Simulator