#c2a345 hex color

In a RGB color space, hex #c2a345 is composed of 76.1% red, 63.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 64.4% yellow and 23.9% black. It has a hue angle of 45.1 degrees, a saturation of 50.6% and a lightness of 51.6%. #c2a345 color hex could be obtained by blending #ffff8a with #854700. Closest websafe color is: #cc9933.

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

● #c2a345 color description : Moderate yellow.

The hexadecimal color #c2a345 has RGB values of R:194, G:163, B:69 and CMYK values of C:0, M:0.16, Y:0.64, K:0.24. Its decimal value is 12755781.

Hex triplet	c2a345	`#c2a345`
RGB Decimal	194, 163, 69	`rgb(194,163,69)`
RGB Percent	76.1, 63.9, 27.1	`rgb(76.1%,63.9%,27.1%)`
CMYK	0, 16, 64, 24
HSL	45.1°, 50.6, 51.6	`hsl(45.1,50.6%,51.6%)`
HSV (or HSB)	45.1°, 64.4, 76.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.09, 0.706, 51.653
XYZ	36.42, 38.095, 11.065
xyY	0.426, 0.445, 38.095
CIE-LCH	68.09, 51.658, 89.217
CIE-LUV	68.09, 26.039, 58.87
Hunter-Lab	61.721, -2.684, 32.576
Binary	11000010, 10100011, 01000101

#c2a345
```
#c2a345 rgb(194,163,69)
```
#4564c2
```
#4564c2 rgb(69,100,194)
```

Complementary Color

#c26545
```
#c26545 rgb(194,101,69)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```
#a3c245
```
#a3c245 rgb(163,194,69)
```

Analogous Color

#6545c2
```
#6545c2 rgb(101,69,194)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```
#45a3c2
```
#45a3c2 rgb(69,163,194)
```

Split Complementary Color

#a345c2
```
#a345c2 rgb(163,69,194)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```
#45c2a3
```
#45c2a3 rgb(69,194,163)
```

Triadic Color

#c24564
```
#c24564 rgb(194,69,100)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```
#45c2a3
```
#45c2a3 rgb(69,194,163)
```
#4564c2
```
#4564c2 rgb(69,100,194)
```

Tetradic Color

#8c752e
```
#8c752e rgb(140,117,46)
```
#a08534
```
#a08534 rgb(160,133,52)
```
#b3953b
```
#b3953b rgb(179,149,59)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```
#c8ac58
```
#c8ac58 rgb(200,172,88)
```
#cfb66b
```
#cfb66b rgb(207,182,107)
```
#d5bf7f
```
#d5bf7f rgb(213,191,127)
```

Monochromatic Color

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

#c28445
```
#c28445 rgb(194,132,69)
```
#c28e45
```
#c28e45 rgb(194,142,69)
```
#c29945
```
#c29945 rgb(194,153,69)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```
#c2ad45
```
#c2ad45 rgb(194,173,69)
```
#c2b845
```
#c2b845 rgb(194,184,69)
```
#c2c245
```
#c2c245 rgb(194,194,69)
```

Similar Colors

Text with hexadecimal color #c2a345

This text has a font color of #c2a345.

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

#c2a345 background color

This paragraph has a background color of #c2a345.

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

#c2a345 border color

This element has a border color of #c2a345.

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

CSS codes

.text {color:#c2a345;}

.background {background-color:#c2a345;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#151107
```
#151107 rgb(21,17,7)
```
#241e0c
```
#241e0c rgb(36,30,12)
```
#322a11
```
#322a11 rgb(50,42,17)
```
#413615
```
#413615 rgb(65,54,21)
```
#50431a
```
#50431a rgb(80,67,26)
```
#5f4f1f
```
#5f4f1f rgb(95,79,31)
```
#6d5b24
```
#6d5b24 rgb(109,91,36)
```
#7c6729
```
#7c6729 rgb(124,103,41)
```
#8b742e
```
#8b742e rgb(139,116,46)
```
#9a8032
```
#9a8032 rgb(154,128,50)
```
#a98c37
```
#a98c37 rgb(169,140,55)
```
#b7993c
```
#b7993c rgb(183,153,60)
```

Shade Color Variation

#c2a345
```
#c2a345 rgb(194,163,69)
```
#c7aa54
```
#c7aa54 rgb(199,170,84)
```
#ccb263
```
#ccb263 rgb(204,178,99)
```
#d1b971
```
#d1b971 rgb(209,185,113)
```
#d5c080
```
#d5c080 rgb(213,192,128)
```
#dac88f
```
#dac88f rgb(218,200,143)
```
#dfcf9e
```
#dfcf9e rgb(223,207,158)
```
#e4d6ac
```
#e4d6ac rgb(228,214,172)
```
#e9ddbb
```
#e9ddbb rgb(233,221,187)
```
#eee5ca
```
#eee5ca rgb(238,229,202)
```
#f2ecd9
```
#f2ecd9 rgb(242,236,217)
```
#f7f3e7
```
#f7f3e7 rgb(247,243,231)
```
#fcfbf6
```
#fcfbf6 rgb(252,251,246)
```

Tint Color Variation

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

#89867e
```
#89867e rgb(137,134,126)
```
#938b75
```
#938b75 rgb(147,139,117)
```
#9c906b
```
#9c906b rgb(156,144,107)
```
#a69562
```
#a69562 rgb(166,149,98)
```
#af9958
```
#af9958 rgb(175,153,88)
```
#b99e4f
```
#b99e4f rgb(185,158,79)
```
#c2a345
```
#c2a345 rgb(194,163,69)
```
#cca83c
```
#cca83c rgb(204,168,60)
```
#d5ad32
```
#d5ad32 rgb(213,173,50)
```
#dfb129
```
#dfb129 rgb(223,177,41)
```
#e8b61f
```
#e8b61f rgb(232,182,31)
```
#f2bb16
```
#f2bb16 rgb(242,187,22)
```
#fbc00c
```
#fbc00c rgb(251,192,12)
```

Tone Color Variation

Below, you can see how #c2a345 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
#a8a28f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa4f Protanopia 1% of men
#d1a250 Deuteranopia 1% of men
#cd9ea9 Tritanopia 0.001% of the population

Trichromacy

#bea74b Protanomaly 1% of men, 0.01% of women
#cba24c Deuteranomaly 6% of men, 0.4% of women
#c99f84 Tritanomaly 0.01% of the population

#c2a345 hex color

#c2a345 Color Information

#c2a345 Color Conversion

Color Schemes with #c2a345

Alternatives to #c2a345

#c2a345 Preview

Shades and Tints of #c2a345

Tones of #c2a345

Color Blindness Simulator