#c2a348 hex color

In a RGB color space, hex #c2a348 is composed of 76.1% red, 63.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 62.9% yellow and 23.9% black. It has a hue angle of 44.8 degrees, a saturation of 50% and a lightness of 52.2%. #c2a348 color hex could be obtained by blending #ffff90 with #854700. Closest websafe color is: #cc9933.

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

● #c2a348 color description : Moderate orange.

The hexadecimal color #c2a348 has RGB values of R:194, G:163, B:72 and CMYK values of C:0, M:0.16, Y:0.63, K:0.24. Its decimal value is 12755784.

Hex triplet	c2a348	`#c2a348`
RGB Decimal	194, 163, 72	`rgb(194,163,72)`
RGB Percent	76.1, 63.9, 28.2	`rgb(76.1%,63.9%,28.2%)`
CMYK	0, 16, 63, 24
HSL	44.8°, 50, 52.2	`hsl(44.8,50%,52.2%)`
HSV (or HSB)	44.8°, 62.9, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.119, 0.902, 50.308
XYZ	36.515, 38.133, 11.568
xyY	0.424, 0.442, 38.133
CIE-LCH	68.119, 50.316, 88.973
CIE-LUV	68.119, 25.894, 57.764
Hunter-Lab	61.752, -2.515, 32.12
Binary	11000010, 10100011, 01001000

#c2a348
```
#c2a348 rgb(194,163,72)
```
#4867c2
```
#4867c2 rgb(72,103,194)
```

Complementary Color

#c26648
```
#c26648 rgb(194,102,72)
```
#c2a348
```
#c2a348 rgb(194,163,72)
```
#a4c248
```
#a4c248 rgb(164,194,72)
```

Analogous Color

#6648c2
```
#6648c2 rgb(102,72,194)
```
#c2a348
```
#c2a348 rgb(194,163,72)
```
#48a4c2
```
#48a4c2 rgb(72,164,194)
```

Split Complementary Color

#a348c2
```
#a348c2 rgb(163,72,194)
```
#c2a348
```
#c2a348 rgb(194,163,72)
```
#48c2a3
```
#48c2a3 rgb(72,194,163)
```

Triadic Color

#c24867
```
#c24867 rgb(194,72,103)
```
#c2a348
```
#c2a348 rgb(194,163,72)
```
#48c2a3
```
#48c2a3 rgb(72,194,163)
```
#4867c2
```
#4867c2 rgb(72,103,194)
```

Tetradic Color

#8e762f
```
#8e762f rgb(142,118,47)
```
#a18636
```
#a18636 rgb(161,134,54)
```
#b4963c
```
#b4963c rgb(180,150,60)
```
#c2a348
```
#c2a348 rgb(194,163,72)
```
#c8ad5b
```
#c8ad5b rgb(200,173,91)
```
#cfb66e
```
#cfb66e rgb(207,182,110)
```
#d5c081
```
#d5c081 rgb(213,192,129)
```

Monochromatic Color

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

#c28548
```
#c28548 rgb(194,133,72)
```
#c28f48
```
#c28f48 rgb(194,143,72)
```
#c29948
```
#c29948 rgb(194,153,72)
```
#c2a348
```
#c2a348 rgb(194,163,72)
```
#c2ad48
```
#c2ad48 rgb(194,173,72)
```
#c2b748
```
#c2b748 rgb(194,183,72)
```
#c2c248
```
#c2c248 rgb(194,194,72)
```

Similar Colors

Text with hexadecimal color #c2a348

This text has a font color of #c2a348.

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

#c2a348 background color

This paragraph has a background color of #c2a348.

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

#c2a348 border color

This element has a border color of #c2a348.

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

CSS codes

.text {color:#c2a348;}

.background {background-color:#c2a348;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#171308
```
#171308 rgb(23,19,8)
```
#261f0d
```
#261f0d rgb(38,31,13)
```
#342c11
```
#342c11 rgb(52,44,17)
```
#433816
```
#433816 rgb(67,56,22)
```
#52441b
```
#52441b rgb(82,68,27)
```
#615020
```
#615020 rgb(97,80,32)
```
#6f5c25
```
#6f5c25 rgb(111,92,37)
```
#7e692a
```
#7e692a rgb(126,105,42)
```
#8d752f
```
#8d752f rgb(141,117,47)
```
#9b8134
```
#9b8134 rgb(155,129,52)
```
#aa8d39
```
#aa8d39 rgb(170,141,57)
```
#b9993e
```
#b9993e rgb(185,153,62)
```

Shade Color Variation

#c2a348
```
#c2a348 rgb(194,163,72)
```
#c7aa57
```
#c7aa57 rgb(199,170,87)
```
#ccb265
```
#ccb265 rgb(204,178,101)
```
#d1b974
```
#d1b974 rgb(209,185,116)
```
#d6c183
```
#d6c183 rgb(214,193,131)
```
#dbc892
```
#dbc892 rgb(219,200,146)
```
#dfcfa0
```
#dfcfa0 rgb(223,207,160)
```
#e4d7af
```
#e4d7af rgb(228,215,175)
```
#e9debe
```
#e9debe rgb(233,222,190)
```
#eee6cc
```
#eee6cc rgb(238,230,204)
```
#f3eddb
```
#f3eddb rgb(243,237,219)
```
#f8f4ea
```
#f8f4ea rgb(248,244,234)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#8a8780
```
#8a8780 rgb(138,135,128)
```
#938c77
```
#938c77 rgb(147,140,119)
```
#9c916e
```
#9c916e rgb(156,145,110)
```
#a69564
```
#a69564 rgb(166,149,100)
```
#af9a5b
```
#af9a5b rgb(175,154,91)
```
#b99e51
```
#b99e51 rgb(185,158,81)
```
#c2a348
```
#c2a348 rgb(194,163,72)
```
#cba83f
```
#cba83f rgb(203,168,63)
```
#d5ac35
```
#d5ac35 rgb(213,172,53)
```
#deb12c
```
#deb12c rgb(222,177,44)
```
#e8b522
```
#e8b522 rgb(232,181,34)
```
#f1ba19
```
#f1ba19 rgb(241,186,25)
```
#fabf10
```
#fabf10 rgb(250,191,16)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a8a290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa52 Protanopia 1% of men
#d1a253 Deuteranopia 1% of men
#cd9ea9 Tritanopia 0.001% of the population

Trichromacy

#bea74e Protanomaly 1% of men, 0.01% of women
#cba24f Deuteranomaly 6% of men, 0.4% of women
#c9a085 Tritanomaly 0.01% of the population

#c2a348 hex color

#c2a348 Color Information

#c2a348 Color Conversion

Color Schemes with #c2a348

Alternatives to #c2a348

#c2a348 Preview

Shades and Tints of #c2a348

Tones of #c2a348

Color Blindness Simulator