colorhexa.com

#c3a157 hex color

In a RGB color space, hex #c3a157 is composed of 76.5% red, 63.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 55.4% yellow and 23.5% black. It has a hue angle of 41.1 degrees, a saturation of 47.4% and a lightness of 55.3%. #c3a157 color hex could be obtained by blending #ffffae with #874300. Closest websafe color is: #cc9966.

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

● #c3a157 color description : Moderate orange.

The hexadecimal color #c3a157 has RGB values of R:195, G:161, B:87 and CMYK values of C:0, M:0.17, Y:0.55, K:0.24. Its decimal value is 12820823.

Hex triplet	c3a157	`#c3a157`
RGB Decimal	195, 161, 87	`rgb(195,161,87)`
RGB Percent	76.5, 63.1, 34.1	`rgb(76.5%,63.1%,34.1%)`
CMYK	0, 17, 55, 24
HSL	41.1°, 47.4, 55.3	`hsl(41.1,47.4%,55.3%)`
HSV (or HSB)	41.1°, 55.4, 76.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.859, 3.525, 42.778
XYZ	36.971, 37.781, 14.361
xyY	0.415, 0.424, 37.781
CIE-LCH	67.859, 42.923, 85.289
CIE-LUV	67.859, 27.178, 50.635
Hunter-Lab	61.467, -0.202, 29.174
Binary	11000011, 10100001, 01010111

#c3a157
```
#c3a157 rgb(195,161,87)
```
#5779c3
```
#5779c3 rgb(87,121,195)
```

Complementary Color

#c36b57
```
#c36b57 rgb(195,107,87)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#afc357
```
#afc357 rgb(175,195,87)
```

Analogous Color

#6b57c3
```
#6b57c3 rgb(107,87,195)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#57afc3
```
#57afc3 rgb(87,175,195)
```

Split Complementary Color

#a157c3
```
#a157c3 rgb(161,87,195)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#57c3a1
```
#57c3a1 rgb(87,195,161)
```

Triadic Color

#c35779
```
#c35779 rgb(195,87,121)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#57c3a1
```
#57c3a1 rgb(87,195,161)
```
#5779c3
```
#5779c3 rgb(87,121,195)
```

Tetradic Color

#977936
```
#977936 rgb(151,121,54)
```
#aa883d
```
#aa883d rgb(170,136,61)
```
#bc9644
```
#bc9644 rgb(188,150,68)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#caac6a
```
#caac6a rgb(202,172,106)
```
#d0b67d
```
#d0b67d rgb(208,182,125)
```
#d7c18f
```
#d7c18f rgb(215,193,143)
```

Monochromatic Color

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

#c38657
```
#c38657 rgb(195,134,87)
```
#c38f57
```
#c38f57 rgb(195,143,87)
```
#c39857
```
#c39857 rgb(195,152,87)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#c3aa57
```
#c3aa57 rgb(195,170,87)
```
#c3b357
```
#c3b357 rgb(195,179,87)
```
#c3bc57
```
#c3bc57 rgb(195,188,87)
```

Similar Colors

Text with hexadecimal color #c3a157

This text has a font color of #c3a157.

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

#c3a157 background color

This paragraph has a background color of #c3a157.

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

#c3a157 border color

This element has a border color of #c3a157.

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

CSS codes

.text {color:#c3a157;}

.background {background-color:#c3a157;}

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

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 #fcfaf6 is the lightest one.

#050402
```
#050402 rgb(5,4,2)
```
#141007
```
#141007 rgb(20,16,7)
```
#221b0c
```
#221b0c rgb(34,27,12)
```
#312711
```
#312711 rgb(49,39,17)
```
#3f3217
```
#3f3217 rgb(63,50,23)
```
#4e3e1c
```
#4e3e1c rgb(78,62,28)
```
#5c4a21
```
#5c4a21 rgb(92,74,33)
```
#6b5526
```
#6b5526 rgb(107,85,38)
```
#79612b
```
#79612b rgb(121,97,43)
```
#886c30
```
#886c30 rgb(136,108,48)
```
#967836
```
#967836 rgb(150,120,54)
```
#a4833b
```
#a4833b rgb(164,131,59)
```
#b38f40
```
#b38f40 rgb(179,143,64)
```

Shade Color Variation

#be9949
```
#be9949 rgb(190,153,73)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#c8a965
```
#c8a965 rgb(200,169,101)
```
#cdb174
```
#cdb174 rgb(205,177,116)
```
#d2b982
```
#d2b982 rgb(210,185,130)
```
#d8c191
```
#d8c191 rgb(216,193,145)
```
#ddc99f
```
#ddc99f rgb(221,201,159)
```
#e2d2ae
```
#e2d2ae rgb(226,210,174)
```
#e7dabc
```
#e7dabc rgb(231,218,188)
```
#ece2cb
```
#ece2cb rgb(236,226,203)
```
#f1ead9
```
#f1ead9 rgb(241,234,217)
```
#f7f2e8
```
#f7f2e8 rgb(247,242,232)
```
#fcfaf6
```
#fcfaf6 rgb(252,250,246)
```

Tint Color Variation

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

#8e8e8c
```
#8e8e8c rgb(142,142,140)
```
#979183
```
#979183 rgb(151,145,131)
```
#a0947a
```
#a0947a rgb(160,148,122)
```
#a99771
```
#a99771 rgb(169,151,113)
```
#b19b69
```
#b19b69 rgb(177,155,105)
```
#ba9e60
```
#ba9e60 rgb(186,158,96)
```
#c3a157
```
#c3a157 rgb(195,161,87)
```
#cca44e
```
#cca44e rgb(204,164,78)
```
#d5a745
```
#d5a745 rgb(213,167,69)
```
#ddab3d
```
#ddab3d rgb(221,171,61)
```
#e6ae34
```
#e6ae34 rgb(230,174,52)
```
#efb12b
```
#efb12b rgb(239,177,43)
```
#f8b422
```
#f8b422 rgb(248,180,34)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a9a394 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaa61 Protanopia 1% of men
#cea260 Deuteranopia 1% of men
#cd9da8 Tritanopia 0.001% of the population

Trichromacy

#bda65d Protanomaly 1% of men, 0.01% of women
#caa25d Deuteranomaly 6% of men, 0.4% of women
#c99e8a Tritanomaly 0.01% of the population