#c2c31f hex color

In a RGB color space, hex #c2c31f is composed of 76.1% red, 76.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 0% magenta, 84.1% yellow and 23.5% black. It has a hue angle of 60.4 degrees, a saturation of 72.6% and a lightness of 44.3%. #c2c31f color hex could be obtained by blending #ffff3e with #858700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 76
- G 76
- B 12
RGB color chart
- C 1
- M 0
- Y 84
- K 24
CMYK color chart

● #c2c31f color description : Strong yellow.

The hexadecimal color #c2c31f has RGB values of R:194, G:195, B:31 and CMYK values of C:0.01, M:0, Y:0.84, K:0.24. Its decimal value is 12763935.

Hex triplet	c2c31f	`#c2c31f`
RGB Decimal	194, 195, 31	`rgb(194,195,31)`
RGB Percent	76.1, 76.5, 12.2	`rgb(76.1%,76.5%,12.2%)`
CMYK	1, 0, 84, 24
HSL	60.4°, 72.6, 44.3	`hsl(60.4,72.6%,44.3%)`
HSV (or HSB)	60.4°, 84.1, 76.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.436, -17.559, 72.737
XYZ	42.011, 50.599, 8.85
xyY	0.414, 0.499, 50.599
CIE-LCH	76.436, 74.827, 103.572
CIE-LUV	76.436, 5.188, 81.436
Hunter-Lab	71.133, -19.062, 42.417
Binary	11000010, 11000011, 00011111

#c2c31f
```
#c2c31f rgb(194,195,31)
```
#201fc3
```
#201fc3 rgb(32,31,195)
```

Complementary Color

#c3721f
```
#c3721f rgb(195,114,31)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#70c31f
```
#70c31f rgb(112,195,31)
```

Analogous Color

#721fc3
```
#721fc3 rgb(114,31,195)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#1f70c3
```
#1f70c3 rgb(31,112,195)
```

Split Complementary Color

#c31fc2
```
#c31fc2 rgb(195,31,194)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#1fc2c3
```
#1fc2c3 rgb(31,194,195)
```

Triadic Color

#c3201f
```
#c3201f rgb(195,32,31)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#1fc2c3
```
#1fc2c3 rgb(31,194,195)
```
#201fc3
```
#201fc3 rgb(32,31,195)
```

Tetradic Color

#808115
```
#808115 rgb(128,129,21)
```
#969718
```
#969718 rgb(150,151,24)
```
#acad1c
```
#acad1c rgb(172,173,28)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#d8d922
```
#d8d922 rgb(216,217,34)
```
#dedf36
```
#dedf36 rgb(222,223,54)
```
#e2e34c
```
#e2e34c rgb(226,227,76)
```

Monochromatic Color

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

#c39b1f
```
#c39b1f rgb(195,155,31)
```
#c3a91f
```
#c3a91f rgb(195,169,31)
```
#c3b61f
```
#c3b61f rgb(195,182,31)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#b4c31f
```
#b4c31f rgb(180,195,31)
```
#a7c31f
```
#a7c31f rgb(167,195,31)
```
#99c31f
```
#99c31f rgb(153,195,31)
```

Similar Colors

Text with hexadecimal color #c2c31f

This text has a font color of #c2c31f.

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

#c2c31f background color

This paragraph has a background color of #c2c31f.

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

#c2c31f border color

This element has a border color of #c2c31f.

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

CSS codes

.text {color:#c2c31f;}

.background {background-color:#c2c31f;}

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

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, #090901 is the darkest color, while #fefef7 is the lightest one.

#090901
```
#090901 rgb(9,9,1)
```
#1a1a04
```
#1a1a04 rgb(26,26,4)
```
#2a2b07
```
#2a2b07 rgb(42,43,7)
```
#3b3c09
```
#3b3c09 rgb(59,60,9)
```
#4c4d0c
```
#4c4d0c rgb(76,77,12)
```
#5d5d0f
```
#5d5d0f rgb(93,93,15)
```
#6e6e12
```
#6e6e12 rgb(110,110,18)
```
#7f7f14
```
#7f7f14 rgb(127,127,20)
```
#8f9017
```
#8f9017 rgb(143,144,23)
```
#a0a11a
```
#a0a11a rgb(160,161,26)
```
#b1b21c
```
#b1b21c rgb(177,178,28)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#d3d422
```
#d3d422 rgb(211,212,34)
```

Shade Color Variation

#dcdd2c
```
#dcdd2c rgb(220,221,44)
```
#dfe03d
```
#dfe03d rgb(223,224,61)
```
#e2e34e
```
#e2e34e rgb(226,227,78)
```
#e5e55f
```
#e5e55f rgb(229,229,95)
```
#e7e870
```
#e7e870 rgb(231,232,112)
```
#eaeb80
```
#eaeb80 rgb(234,235,128)
```
#edee91
```
#edee91 rgb(237,238,145)
```
#f0f0a2
```
#f0f0a2 rgb(240,240,162)
```
#f3f3b3
```
#f3f3b3 rgb(243,243,179)
```
#f5f6c4
```
#f5f6c4 rgb(245,246,196)
```
#f8f8d5
```
#f8f8d5 rgb(248,248,213)
```
#fbfbe6
```
#fbfbe6 rgb(251,251,230)
```
#fefef7
```
#fefef7 rgb(254,254,247)
```

Tint Color Variation

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

#75756d
```
#75756d rgb(117,117,109)
```
#7d7d65
```
#7d7d65 rgb(125,125,101)
```
#86865c
```
#86865c rgb(134,134,92)
```
#8e8f53
```
#8e8f53 rgb(142,143,83)
```
#97984a
```
#97984a rgb(151,152,74)
```
#a0a042
```
#a0a042 rgb(160,160,66)
```
#a8a939
```
#a8a939 rgb(168,169,57)
```
#b1b230
```
#b1b230 rgb(177,178,48)
```
#b9ba28
```
#b9ba28 rgb(185,186,40)
```
#c2c31f
```
#c2c31f rgb(194,195,31)
```
#cbcc16
```
#cbcc16 rgb(203,204,22)
```
#d3d40e
```
#d3d40e rgb(211,212,14)
```
#dcdd05
```
#dcdd05 rgb(220,221,5)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b4b493 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c029 Protanopia 1% of men
#efb635 Deuteranopia 1% of men
#d2b9c6 Tritanopia 0.001% of the population

Trichromacy

#cfc125 Protanomaly 1% of men, 0.01% of women
#debb2d Deuteranomaly 6% of men, 0.4% of women
#ccbc89 Tritanomaly 0.01% of the population

#c2c31f hex color

#c2c31f Color Information

#c2c31f Color Conversion

Color Schemes with #c2c31f

Alternatives to #c2c31f

#c2c31f Preview

Shades and Tints of #c2c31f

Tones of #c2c31f

Color Blindness Simulator