#c2a31f hex color

In a RGB color space, hex #c2a31f is composed of 76.1% red, 63.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 84% yellow and 23.9% black. It has a hue angle of 48.6 degrees, a saturation of 72.4% and a lightness of 44.1%. #c2a31f color hex could be obtained by blending #ffff3e with #854700. Closest websafe color is: #cc9933.

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

● #c2a31f color description : Strong yellow.

The hexadecimal color #c2a31f has RGB values of R:194, G:163, B:31 and CMYK values of C:0, M:0.16, Y:0.84, K:0.24. Its decimal value is 12755743.

Hex triplet	c2a31f	`#c2a31f`
RGB Decimal	194, 163, 31	`rgb(194,163,31)`
RGB Percent	76.1, 63.9, 12.2	`rgb(76.1%,63.9%,12.2%)`
CMYK	0, 16, 84, 24
HSL	48.6°, 72.4, 44.1	`hsl(48.6,72.4%,44.1%)`
HSV (or HSB)	48.6°, 84, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.846, -1.011, 65.562
XYZ	35.593, 37.764, 6.711
xyY	0.445, 0.472, 37.764
CIE-LCH	67.846, 65.569, 90.884
CIE-LUV	67.846, 27.33, 68.731
Hunter-Lab	61.453, -4.155, 36.542
Binary	11000010, 10100011, 00011111

#c2a31f
```
#c2a31f rgb(194,163,31)
```
#1f3ec2
```
#1f3ec2 rgb(31,62,194)
```

Complementary Color

#c2521f
```
#c2521f rgb(194,82,31)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#90c21f
```
#90c21f rgb(144,194,31)
```

Analogous Color

#521fc2
```
#521fc2 rgb(82,31,194)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#1f90c2
```
#1f90c2 rgb(31,144,194)
```

Split Complementary Color

#a31fc2
```
#a31fc2 rgb(163,31,194)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#1fc2a3
```
#1fc2a3 rgb(31,194,163)
```

Triadic Color

#c21f3e
```
#c21f3e rgb(194,31,62)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#1fc2a3
```
#1fc2a3 rgb(31,194,163)
```
#1f3ec2
```
#1f3ec2 rgb(31,62,194)
```

Tetradic Color

#806c14
```
#806c14 rgb(128,108,20)
```
#967e18
```
#967e18 rgb(150,126,24)
```
#ac911b
```
#ac911b rgb(172,145,27)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#d8b523
```
#d8b523 rgb(216,181,35)
```
#dfbf35
```
#dfbf35 rgb(223,191,53)
```
#e2c64b
```
#e2c64b rgb(226,198,75)
```

Monochromatic Color

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

#c27a1f
```
#c27a1f rgb(194,122,31)
```
#c2881f
```
#c2881f rgb(194,136,31)
```
#c2951f
```
#c2951f rgb(194,149,31)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#c2b11f
```
#c2b11f rgb(194,177,31)
```
#c2be1f
```
#c2be1f rgb(194,190,31)
```
#b8c21f
```
#b8c21f rgb(184,194,31)
```

Similar Colors

Text with hexadecimal color #c2a31f

This text has a font color of #c2a31f.

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

#c2a31f background color

This paragraph has a background color of #c2a31f.

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

#c2a31f border color

This element has a border color of #c2a31f.

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

CSS codes

.text {color:#c2a31f;}

.background {background-color:#c2a31f;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#191504
```
#191504 rgb(25,21,4)
```
#2a2307
```
#2a2307 rgb(42,35,7)
```
#3b3109
```
#3b3109 rgb(59,49,9)
```
#4c400c
```
#4c400c rgb(76,64,12)
```
#5d4e0f
```
#5d4e0f rgb(93,78,15)
```
#6d5c11
```
#6d5c11 rgb(109,92,17)
```
#7e6a14
```
#7e6a14 rgb(126,106,20)
```
#8f7817
```
#8f7817 rgb(143,120,23)
```
#a0871a
```
#a0871a rgb(160,135,26)
```
#b1951c
```
#b1951c rgb(177,149,28)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#d3b122
```
#d3b122 rgb(211,177,34)
```

Shade Color Variation

#ddbb2b
```
#ddbb2b rgb(221,187,43)
```
#e0c13c
```
#e0c13c rgb(224,193,60)
```
#e3c64d
```
#e3c64d rgb(227,198,77)
```
#e5cb5e
```
#e5cb5e rgb(229,203,94)
```
#e8d16f
```
#e8d16f rgb(232,209,111)
```
#ebd680
```
#ebd680 rgb(235,214,128)
```
#eddc91
```
#eddc91 rgb(237,220,145)
```
#f0e1a1
```
#f0e1a1 rgb(240,225,161)
```
#f3e7b2
```
#f3e7b2 rgb(243,231,178)
```
#f5ecc3
```
#f5ecc3 rgb(245,236,195)
```
#f8f1d4
```
#f8f1d4 rgb(248,241,212)
```
#fbf7e5
```
#fbf7e5 rgb(251,247,229)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#74736d
```
#74736d rgb(116,115,109)
```
#7d7864
```
#7d7864 rgb(125,120,100)
```
#857d5c
```
#857d5c rgb(133,125,92)
```
#8e8353
```
#8e8353 rgb(142,131,83)
```
#97884a
```
#97884a rgb(151,136,74)
```
#9f8e42
```
#9f8e42 rgb(159,142,66)
```
#a89339
```
#a89339 rgb(168,147,57)
```
#b19830
```
#b19830 rgb(177,152,48)
```
#b99e28
```
#b99e28 rgb(185,158,40)
```
#c2a31f
```
#c2a31f rgb(194,163,31)
```
#cba816
```
#cba816 rgb(203,168,22)
```
#d3ae0e
```
#d3ae0e rgb(211,174,14)
```
#dcb305
```
#dcb305 rgb(220,179,5)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a49e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa2b Protanopia 1% of men
#d3a12e Deuteranopia 1% of men
#ce9ca7 Tritanopia 0.001% of the population

Trichromacy

#bfa726 Protanomaly 1% of men, 0.01% of women
#cda228 Deuteranomaly 6% of men, 0.4% of women
#c99f76 Tritanomaly 0.01% of the population

#c2a31f hex color

#c2a31f Color Information

#c2a31f Color Conversion

Color Schemes with #c2a31f

Alternatives to #c2a31f

#c2a31f Preview

Shades and Tints of #c2a31f

Tones of #c2a31f

Color Blindness Simulator