colorhexa.com

#c3a058 hex color

In a RGB color space, hex #c3a058 is composed of 76.5% red, 62.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.9% magenta, 54.9% yellow and 23.5% black. It has a hue angle of 40.4 degrees, a saturation of 47.1% and a lightness of 55.5%. #c3a058 color hex could be obtained by blending #ffffb0 with #874100. Closest websafe color is: #cc9966.

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

● #c3a058 color description : Moderate orange.

The hexadecimal color #c3a058 has RGB values of R:195, G:160, B:88 and CMYK values of C:0, M:0.18, Y:0.55, K:0.24. Its decimal value is 12820568.

Hex triplet	c3a058	`#c3a058`
RGB Decimal	195, 160, 88	`rgb(195,160,88)`
RGB Percent	76.5, 62.7, 34.5	`rgb(76.5%,62.7%,34.5%)`
CMYK	0, 18, 55, 24
HSL	40.4°, 47.1, 55.5	`hsl(40.4,47.1%,55.5%)`
HSV (or HSB)	40.4°, 54.9, 76.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.613, 4.148, 41.98
XYZ	36.838, 37.45, 14.52
xyY	0.415, 0.422, 37.45
CIE-LCH	67.613, 42.185, 84.357
CIE-LUV	67.613, 27.802, 49.698
Hunter-Lab	61.196, 0.358, 28.769
Binary	11000011, 10100000, 01011000

#c3a058
```
#c3a058 rgb(195,160,88)
```
#587bc3
```
#587bc3 rgb(88,123,195)
```

Complementary Color

#c36b58
```
#c36b58 rgb(195,107,88)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#b1c358
```
#b1c358 rgb(177,195,88)
```

Analogous Color

#6b58c3
```
#6b58c3 rgb(107,88,195)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#58b1c3
```
#58b1c3 rgb(88,177,195)
```

Split Complementary Color

#a058c3
```
#a058c3 rgb(160,88,195)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#58c3a0
```
#58c3a0 rgb(88,195,160)
```

Triadic Color

#c3587b
```
#c3587b rgb(195,88,123)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#58c3a0
```
#58c3a0 rgb(88,195,160)
```
#587bc3
```
#587bc3 rgb(88,123,195)
```

Tetradic Color

#987837
```
#987837 rgb(152,120,55)
```
#ab873d
```
#ab873d rgb(171,135,61)
```
#bc9545
```
#bc9545 rgb(188,149,69)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#caab6b
```
#caab6b rgb(202,171,107)
```
#d0b57e
```
#d0b57e rgb(208,181,126)
```
#d7c090
```
#d7c090 rgb(215,192,144)
```

Monochromatic Color

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

#c38558
```
#c38558 rgb(195,133,88)
```
#c38e58
```
#c38e58 rgb(195,142,88)
```
#c39758
```
#c39758 rgb(195,151,88)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#c3a958
```
#c3a958 rgb(195,169,88)
```
#c3b258
```
#c3b258 rgb(195,178,88)
```
#c3bb58
```
#c3bb58 rgb(195,187,88)
```

Similar Colors

Text with hexadecimal color #c3a058

This text has a font color of #c3a058.

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

#c3a058 background color

This paragraph has a background color of #c3a058.

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

#c3a058 border color

This element has a border color of #c3a058.

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

CSS codes

.text {color:#c3a058;}

.background {background-color:#c3a058;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#151007
```
#151007 rgb(21,16,7)
```
#231c0d
```
#231c0d rgb(35,28,13)
```
#312712
```
#312712 rgb(49,39,18)
```
#403317
```
#403317 rgb(64,51,23)
```
#4e3e1c
```
#4e3e1c rgb(78,62,28)
```
#5d4921
```
#5d4921 rgb(93,73,33)
```
#6b5527
```
#6b5527 rgb(107,85,39)
```
#7a602c
```
#7a602c rgb(122,96,44)
```
#886c31
```
#886c31 rgb(136,108,49)
```
#967736
```
#967736 rgb(150,119,54)
```
#a5823b
```
#a5823b rgb(165,130,59)
```
#b38e40
```
#b38e40 rgb(179,142,64)
```

Shade Color Variation

#be984a
```
#be984a rgb(190,152,74)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#c8a866
```
#c8a866 rgb(200,168,102)
```
#cdb075
```
#cdb075 rgb(205,176,117)
```
#d3b983
```
#d3b983 rgb(211,185,131)
```
#d8c192
```
#d8c192 rgb(216,193,146)
```
#ddc9a0
```
#ddc9a0 rgb(221,201,160)
```
#e2d1af
```
#e2d1af rgb(226,209,175)
```
#e7d9bd
```
#e7d9bd rgb(231,217,189)
```
#ece2cb
```
#ece2cb rgb(236,226,203)
```
#f2eada
```
#f2eada rgb(242,234,218)
```
#f7f2e8
```
#f7f2e8 rgb(247,242,232)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#8f8e8c
```
#8f8e8c rgb(143,142,140)
```
#979184
```
#979184 rgb(151,145,132)
```
#a0947b
```
#a0947b rgb(160,148,123)
```
#a99772
```
#a99772 rgb(169,151,114)
```
#b29a69
```
#b29a69 rgb(178,154,105)
```
#ba9d61
```
#ba9d61 rgb(186,157,97)
```
#c3a058
```
#c3a058 rgb(195,160,88)
```
#cca34f
```
#cca34f rgb(204,163,79)
```
#d4a647
```
#d4a647 rgb(212,166,71)
```
#dda93e
```
#dda93e rgb(221,169,62)
```
#e6ac35
```
#e6ac35 rgb(230,172,53)
```
#efaf2c
```
#efaf2c rgb(239,175,44)
```
#f7b224
```
#f7b224 rgb(247,178,36)
```

Tone Color Variation

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

Dichromacy

#b9a962 Protanopia 1% of men
#cda261 Deuteranopia 1% of men
#cd9ca7 Tritanopia 0.001% of the population

Trichromacy

#bca65e Protanomaly 1% of men, 0.01% of women
#c9a15e Deuteranomaly 6% of men, 0.4% of women
#c99d8a Tritanomaly 0.01% of the population