colorhexa.com

#c2a457 hex color

In a RGB color space, hex #c2a457 is composed of 76.1% red, 64.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.5% magenta, 55.2% yellow and 23.9% black. It has a hue angle of 43.2 degrees, a saturation of 46.7% and a lightness of 55.1%. #c2a457 color hex could be obtained by blending #ffffae with #854900. Closest websafe color is: #cc9966.

- R 76
- G 64
- B 34
RGB color chart
- C 0
- M 15
- Y 55
- K 24
CMYK color chart

● #c2a457 color description : Moderate orange.

The hexadecimal color #c2a457 has RGB values of R:194, G:164, B:87 and CMYK values of C:0, M:0.15, Y:0.55, K:0.24. Its decimal value is 12756055.

Hex triplet	c2a457	`#c2a457`
RGB Decimal	194, 164, 87	`rgb(194,164,87)`
RGB Percent	76.1, 64.3, 34.1	`rgb(76.1%,64.3%,34.1%)`
CMYK	0, 15, 55, 24
HSL	43.2°, 46.7, 55.1	`hsl(43.2,46.7%,55.1%)`
HSV (or HSB)	43.2°, 55.2, 76.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.54, 1.485, 43.565
XYZ	37.244, 38.71, 14.526
xyY	0.412, 0.428, 38.71
CIE-LCH	68.54, 43.59, 88.048
CIE-LUV	68.54, 24.397, 51.993
Hunter-Lab	62.217, -2.027, 29.709
Binary	11000010, 10100100, 01010111

#c2a457
```
#c2a457 rgb(194,164,87)
```
#5775c2
```
#5775c2 rgb(87,117,194)
```

Complementary Color

#c26f57
```
#c26f57 rgb(194,111,87)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#abc257
```
#abc257 rgb(171,194,87)
```

Analogous Color

#6f57c2
```
#6f57c2 rgb(111,87,194)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#57abc2
```
#57abc2 rgb(87,171,194)
```

Split Complementary Color

#a457c2
```
#a457c2 rgb(164,87,194)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#57c2a4
```
#57c2a4 rgb(87,194,164)
```

Triadic Color

#c25775
```
#c25775 rgb(194,87,117)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#57c2a4
```
#57c2a4 rgb(87,194,164)
```
#5775c2
```
#5775c2 rgb(87,117,194)
```

Tetradic Color

#967b36
```
#967b36 rgb(150,123,54)
```
#a98b3d
```
#a98b3d rgb(169,139,61)
```
#bb9a44
```
#bb9a44 rgb(187,154,68)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#c9ae6a
```
#c9ae6a rgb(201,174,106)
```
#d0b87c
```
#d0b87c rgb(208,184,124)
```
#d6c28f
```
#d6c28f rgb(214,194,143)
```

Monochromatic Color

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

#c28957
```
#c28957 rgb(194,137,87)
```
#c29257
```
#c29257 rgb(194,146,87)
```
#c29b57
```
#c29b57 rgb(194,155,87)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#c2ad57
```
#c2ad57 rgb(194,173,87)
```
#c2b657
```
#c2b657 rgb(194,182,87)
```
#c2bf57
```
#c2bf57 rgb(194,191,87)
```

Similar Colors

Text with hexadecimal color #c2a457

This text has a font color of #c2a457.

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

#c2a457 background color

This paragraph has a background color of #c2a457.

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

#c2a457 border color

This element has a border color of #c2a457.

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

CSS codes

.text {color:#c2a457;}

.background {background-color:#c2a457;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#131007
```
#131007 rgb(19,16,7)
```
#211b0c
```
#211b0c rgb(33,27,12)
```
#302711
```
#302711 rgb(48,39,17)
```
#3e3317
```
#3e3317 rgb(62,51,23)
```
#4d3f1c
```
#4d3f1c rgb(77,63,28)
```
#5b4b21
```
#5b4b21 rgb(91,75,33)
```
#695726
```
#695726 rgb(105,87,38)
```
#78622c
```
#78622c rgb(120,98,44)
```
#866e31
```
#866e31 rgb(134,110,49)
```
#957a36
```
#957a36 rgb(149,122,54)
```
#a3863b
```
#a3863b rgb(163,134,59)
```
#b19240
```
#b19240 rgb(177,146,64)
```

Shade Color Variation

#bd9c49
```
#bd9c49 rgb(189,156,73)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#c7ac65
```
#c7ac65 rgb(199,172,101)
```
#ccb474
```
#ccb474 rgb(204,180,116)
```
#d2bb82
```
#d2bb82 rgb(210,187,130)
```
#d7c391
```
#d7c391 rgb(215,195,145)
```
#dccb9f
```
#dccb9f rgb(220,203,159)
```
#e1d3ad
```
#e1d3ad rgb(225,211,173)
```
#e7dbbc
```
#e7dbbc rgb(231,219,188)
```
#ece2ca
```
#ece2ca rgb(236,226,202)
```
#f1ead9
```
#f1ead9 rgb(241,234,217)
```
#f6f2e7
```
#f6f2e7 rgb(246,242,231)
```
#fbfaf5
```
#fbfaf5 rgb(251,250,245)
```

Tint Color Variation

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

#8d8d8c
```
#8d8d8c rgb(141,141,140)
```
#969183
```
#969183 rgb(150,145,131)
```
#9f957a
```
#9f957a rgb(159,149,122)
```
#a89871
```
#a89871 rgb(168,152,113)
```
#b09c69
```
#b09c69 rgb(176,156,105)
```
#b9a060
```
#b9a060 rgb(185,160,96)
```
#c2a457
```
#c2a457 rgb(194,164,87)
```
#cba84e
```
#cba84e rgb(203,168,78)
```
#d4ac45
```
#d4ac45 rgb(212,172,69)
```
#dcb03d
```
#dcb03d rgb(220,176,61)
```
#e5b334
```
#e5b334 rgb(229,179,52)
```
#eeb72b
```
#eeb72b rgb(238,183,43)
```
#f7bb22
```
#f7bb22 rgb(247,187,34)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aaa495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcab60 Protanopia 1% of men
#d0a461 Deuteranopia 1% of men
#cca0ab Tritanopia 0.001% of the population

Trichromacy

#bea85d Protanomaly 1% of men, 0.01% of women
#cba45d Deuteranomaly 6% of men, 0.4% of women
#c8a18c Tritanomaly 0.01% of the population