#c5a387 hex color

In a RGB color space, hex #c5a387 is composed of 77.3% red, 63.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 31.5% yellow and 22.7% black. It has a hue angle of 27.1 degrees, a saturation of 34.8% and a lightness of 65.1%. #c5a387 color hex could be obtained by blending #ffffff with #8b470f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 77
- G 64
- B 53
RGB color chart
- C 0
- M 17
- Y 31
- K 23
CMYK color chart

● #c5a387 color description : Slightly desaturated orange.

The hexadecimal color #c5a387 has RGB values of R:197, G:163, B:135 and CMYK values of C:0, M:0.17, Y:0.31, K:0.23. Its decimal value is 12952455.

Hex triplet	c5a387	`#c5a387`
RGB Decimal	197, 163, 135	`rgb(197,163,135)`
RGB Percent	77.3, 63.9, 52.9	`rgb(77.3%,63.9%,52.9%)`
CMYK	0, 17, 31, 23
HSL	27.1°, 34.8, 65.1	`hsl(27.1,34.8%,65.1%)`
HSV (or HSB)	27.1°, 31.5, 77.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.338, 8.402, 19.24
XYZ	40.496, 39.815, 28.472
xyY	0.372, 0.366, 39.815
CIE-LCH	69.338, 20.994, 66.409
CIE-LUV	69.338, 23.581, 24.511
Hunter-Lab	63.099, 4.134, 17.416
Binary	11000101, 10100011, 10000111

#c5a387
```
#c5a387 rgb(197,163,135)
```
#87a9c5
```
#87a9c5 rgb(135,169,197)
```

Complementary Color

#c5878a
```
#c5878a rgb(197,135,138)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#c5c287
```
#c5c287 rgb(197,194,135)
```

Analogous Color

#878ac5
```
#878ac5 rgb(135,138,197)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#87c5c2
```
#87c5c2 rgb(135,197,194)
```

Split Complementary Color

#a387c5
```
#a387c5 rgb(163,135,197)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#87c5a3
```
#87c5a3 rgb(135,197,163)
```

Triadic Color

#c587a9
```
#c587a9 rgb(197,135,169)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#87c5a3
```
#87c5a3 rgb(135,197,163)
```
#87a9c5
```
#87a9c5 rgb(135,169,197)
```

Tetradic Color

#ac7b53
```
#ac7b53 rgb(172,123,83)
```
#b48965
```
#b48965 rgb(180,137,101)
```
#bd9676
```
#bd9676 rgb(189,150,118)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#cdb098
```
#cdb098 rgb(205,176,152)
```
#d6bda9
```
#d6bda9 rgb(214,189,169)
```
#decbbb
```
#decbbb rgb(222,203,187)
```

Monochromatic Color

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

#c59487
```
#c59487 rgb(197,148,135)
```
#c59987
```
#c59987 rgb(197,153,135)
```
#c59e87
```
#c59e87 rgb(197,158,135)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#c5a887
```
#c5a887 rgb(197,168,135)
```
#c5ad87
```
#c5ad87 rgb(197,173,135)
```
#c5b387
```
#c5b387 rgb(197,179,135)
```

Similar Colors

Text with hexadecimal color #c5a387

This text has a font color of #c5a387.

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

#c5a387 background color

This paragraph has a background color of #c5a387.

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

#c5a387 border color

This element has a border color of #c5a387.

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

CSS codes

.text {color:#c5a387;}

.background {background-color:#c5a387;}

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

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, #0c0906 is the darkest color, while #fffefe is the lightest one.

#0c0906
```
#0c0906 rgb(12,9,6)
```
#19120c
```
#19120c rgb(25,18,12)
```
#271c13
```
#271c13 rgb(39,28,19)
```
#342519
```
#342519 rgb(52,37,25)
```
#412f1f
```
#412f1f rgb(65,47,31)
```
#4e3826
```
#4e3826 rgb(78,56,38)
```
#5c422c
```
#5c422c rgb(92,66,44)
```
#694b33
```
#694b33 rgb(105,75,51)
```
#765539
```
#765539 rgb(118,85,57)
```
#835e3f
```
#835e3f rgb(131,94,63)
```
#906846
```
#906846 rgb(144,104,70)
```
#9e714c
```
#9e714c rgb(158,113,76)
```
#ab7a53
```
#ab7a53 rgb(171,122,83)
```

Shade Color Variation

#b2855f
```
#b2855f rgb(178,133,95)
```
#b88f6d
```
#b88f6d rgb(184,143,109)
```
#bf997a
```
#bf997a rgb(191,153,122)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#cbad94
```
#cbad94 rgb(203,173,148)
```
#d2b7a1
```
#d2b7a1 rgb(210,183,161)
```
#d8c1af
```
#d8c1af rgb(216,193,175)
```
#dfccbc
```
#dfccbc rgb(223,204,188)
```
#e5d6c9
```
#e5d6c9 rgb(229,214,201)
```
#ebe0d6
```
#ebe0d6 rgb(235,224,214)
```
#f2eae4
```
#f2eae4 rgb(242,234,228)
```
#f8f4f1
```
#f8f4f1 rgb(248,244,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#aaa6a2
```
#aaa6a2 rgb(170,166,162)
```
#b0a59c
```
#b0a59c rgb(176,165,156)
```
#b7a495
```
#b7a495 rgb(183,164,149)
```
#bea48e
```
#bea48e rgb(190,164,142)
```
#c5a387
```
#c5a387 rgb(197,163,135)
```
#cca280
```
#cca280 rgb(204,162,128)
```
#d3a279
```
#d3a279 rgb(211,162,121)
```
#daa172
```
#daa172 rgb(218,161,114)
```
#e0a06c
```
#e0a06c rgb(224,160,108)
```
#e7a065
```
#e7a065 rgb(231,160,101)
```
#ee9f5e
```
#ee9f5e rgb(238,159,94)
```
#f59e57
```
#f59e57 rgb(245,158,87)
```
#fc9e50
```
#fc9e50 rgb(252,158,80)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#afa9a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ad8f Protanopia 1% of men
#c9a78d Deuteranopia 1% of men
#cca3ae Tritanopia 0.001% of the population

Trichromacy

#bca98c Protanomaly 1% of men, 0.01% of women
#c7a58b Deuteranomaly 6% of men, 0.4% of women
#c9a3a0 Tritanomaly 0.01% of the population

#c5a387 hex color

#c5a387 Color Information

#c5a387 Color Conversion

Color Schemes with #c5a387

Alternatives to #c5a387

#c5a387 Preview

Shades and Tints of #c5a387

Tones of #c5a387

Color Blindness Simulator