#c2a35f hex color

In a RGB color space, hex #c2a35f is composed of 76.1% red, 63.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 51% yellow and 23.9% black. It has a hue angle of 41.2 degrees, a saturation of 44.8% and a lightness of 56.7%. #c2a35f color hex could be obtained by blending #ffffbe with #854700. Closest websafe color is: #cc9966.

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

● #c2a35f color description : Moderate orange.

The hexadecimal color #c2a35f has RGB values of R:194, G:163, B:95 and CMYK values of C:0, M:0.16, Y:0.51, K:0.24. Its decimal value is 12755807.

Hex triplet	c2a35f	`#c2a35f`
RGB Decimal	194, 163, 95	`rgb(194,163,95)`
RGB Percent	76.1, 63.9, 37.3	`rgb(76.1%,63.9%,37.3%)`
CMYK	0, 16, 51, 24
HSL	41.2°, 44.8, 56.7	`hsl(41.2,44.8%,56.7%)`
HSV (or HSB)	41.2°, 51, 76.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.381, 2.718, 39.322
XYZ	37.411, 38.491, 16.285
xyY	0.406, 0.418, 38.491
CIE-LCH	68.381, 39.416, 86.047
CIE-LUV	68.381, 24.581, 47.71
Hunter-Lab	62.041, -0.937, 27.866
Binary	11000010, 10100011, 01011111

#c2a35f
```
#c2a35f rgb(194,163,95)
```
#5f7ec2
```
#5f7ec2 rgb(95,126,194)
```

Complementary Color

#c2725f
```
#c2725f rgb(194,114,95)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#b0c25f
```
#b0c25f rgb(176,194,95)
```

Analogous Color

#725fc2
```
#725fc2 rgb(114,95,194)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#5fb0c2
```
#5fb0c2 rgb(95,176,194)
```

Split Complementary Color

#a35fc2
```
#a35fc2 rgb(163,95,194)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#5fc2a3
```
#5fc2a3 rgb(95,194,163)
```

Triadic Color

#c25f7e
```
#c25f7e rgb(194,95,126)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#5fc2a3
```
#5fc2a3 rgb(95,194,163)
```
#5f7ec2
```
#5f7ec2 rgb(95,126,194)
```

Tetradic Color

#9a7c3b
```
#9a7c3b rgb(154,124,59)
```
#ac8b42
```
#ac8b42 rgb(172,139,66)
```
#bb984d
```
#bb984d rgb(187,152,77)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#c9ae71
```
#c9ae71 rgb(201,174,113)
```
#d0b884
```
#d0b884 rgb(208,184,132)
```
#d7c396
```
#d7c396 rgb(215,195,150)
```

Monochromatic Color

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

#c28a5f
```
#c28a5f rgb(194,138,95)
```
#c2935f
```
#c2935f rgb(194,147,95)
```
#c29b5f
```
#c29b5f rgb(194,155,95)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#c2ab5f
```
#c2ab5f rgb(194,171,95)
```
#c2b45f
```
#c2b45f rgb(194,180,95)
```
#c2bc5f
```
#c2bc5f rgb(194,188,95)
```

Similar Colors

Text with hexadecimal color #c2a35f

This text has a font color of #c2a35f.

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

#c2a35f background color

This paragraph has a background color of #c2a35f.

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

#c2a35f border color

This element has a border color of #c2a35f.

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

CSS codes

.text {color:#c2a35f;}

.background {background-color:#c2a35f;}

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

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

#0a0804
```
#0a0804 rgb(10,8,4)
```
#191409
```
#191409 rgb(25,20,9)
```
#271f0f
```
#271f0f rgb(39,31,15)
```
#352b14
```
#352b14 rgb(53,43,20)
```
#43361a
```
#43361a rgb(67,54,26)
```
#51421f
```
#51421f rgb(81,66,31)
```
#604d24
```
#604d24 rgb(96,77,36)
```
#6e592a
```
#6e592a rgb(110,89,42)
```
#7c642f
```
#7c642f rgb(124,100,47)
```
#8a6f35
```
#8a6f35 rgb(138,111,53)
```
#987b3a
```
#987b3a rgb(152,123,58)
```
#a78640
```
#a78640 rgb(167,134,64)
```
#b59245
```
#b59245 rgb(181,146,69)
```

Shade Color Variation

#bd9b51
```
#bd9b51 rgb(189,155,81)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#c7ab6d
```
#c7ab6d rgb(199,171,109)
```
#cdb37b
```
#cdb37b rgb(205,179,123)
```
#d2bb8a
```
#d2bb8a rgb(210,187,138)
```
#d8c498
```
#d8c498 rgb(216,196,152)
```
#ddcca6
```
#ddcca6 rgb(221,204,166)
```
#e2d4b4
```
#e2d4b4 rgb(226,212,180)
```
#e8dcc2
```
#e8dcc2 rgb(232,220,194)
```
#ede4d1
```
#ede4d1 rgb(237,228,209)
```
#f3ecdf
```
#f3ecdf rgb(243,236,223)
```
#f8f5ed
```
#f8f5ed rgb(248,245,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#98938a
```
#98938a rgb(152,147,138)
```
#a09681
```
#a09681 rgb(160,150,129)
```
#a99979
```
#a99979 rgb(169,153,121)
```
#b19d70
```
#b19d70 rgb(177,157,112)
```
#baa068
```
#baa068 rgb(186,160,104)
```
#c2a35f
```
#c2a35f rgb(194,163,95)
```
#cba657
```
#cba657 rgb(203,166,87)
```
#d3a94e
```
#d3a94e rgb(211,169,78)
```
#dcad46
```
#dcad46 rgb(220,173,70)
```
#e4b03d
```
#e4b03d rgb(228,176,61)
```
#edb335
```
#edb335 rgb(237,179,53)
```
#f5b62c
```
#f5b62c rgb(245,182,44)
```
#feb924
```
#feb924 rgb(254,185,36)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#aba597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbab68 Protanopia 1% of men
#cea468 Deuteranopia 1% of men
#cc9faa Tritanopia 0.001% of the population

Trichromacy

#bda865 Protanomaly 1% of men, 0.01% of women
#caa365 Deuteranomaly 6% of men, 0.4% of women
#c8a08f Tritanomaly 0.01% of the population

#c2a35f hex color

#c2a35f Color Information

#c2a35f Color Conversion

Color Schemes with #c2a35f

Alternatives to #c2a35f

#c2a35f Preview

Shades and Tints of #c2a35f

Tones of #c2a35f

Color Blindness Simulator