#c4a396 hex color

In a RGB color space, hex #c4a396 is composed of 76.9% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 23.5% yellow and 23.1% black. It has a hue angle of 17 degrees, a saturation of 28% and a lightness of 67.8%. #c4a396 color hex could be obtained by blending #ffffff with #89472d. Closest websafe color is: #cc9999.

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

● #c4a396 color description : Grayish orange.

The hexadecimal color #c4a396 has RGB values of R:196, G:163, B:150 and CMYK values of C:0, M:0.17, Y:0.23, K:0.23. Its decimal value is 12886934.

Hex triplet	c4a396	`#c4a396`
RGB Decimal	196, 163, 150	`rgb(196,163,150)`
RGB Percent	76.9, 63.9, 58.8	`rgb(76.9%,63.9%,58.8%)`
CMYK	0, 17, 23, 23
HSL	17°, 28, 67.8	`hsl(17,28%,67.8%)`
HSV (or HSB)	17°, 23.5, 76.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.564, 10.102, 11.282
XYZ	41.367, 40.133, 34.42
xyY	0.357, 0.346, 40.133
CIE-LCH	69.564, 15.144, 48.158
CIE-LUV	69.564, 21.504, 13.963
Hunter-Lab	63.351, 5.692, 12.132
Binary	11000100, 10100011, 10010110

#c4a396
```
#c4a396 rgb(196,163,150)
```
#96b7c4
```
#96b7c4 rgb(150,183,196)
```

Complementary Color

#c496a0
```
#c496a0 rgb(196,150,160)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#c4ba96
```
#c4ba96 rgb(196,186,150)
```

Analogous Color

#96a0c4
```
#96a0c4 rgb(150,160,196)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#96c4ba
```
#96c4ba rgb(150,196,186)
```

Split Complementary Color

#a396c4
```
#a396c4 rgb(163,150,196)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#96c4a3
```
#96c4a3 rgb(150,196,163)
```

Triadic Color

#c496b7
```
#c496b7 rgb(196,150,183)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#96c4a3
```
#96c4a3 rgb(150,196,163)
```
#96b7c4
```
#96b7c4 rgb(150,183,196)
```

Tetradic Color

#a87865
```
#a87865 rgb(168,120,101)
```
#b28675
```
#b28675 rgb(178,134,117)
```
#bb9586
```
#bb9586 rgb(187,149,134)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#cdb1a6
```
#cdb1a6 rgb(205,177,166)
```
#d6c0b7
```
#d6c0b7 rgb(214,192,183)
```
#e0cec7
```
#e0cec7 rgb(224,206,199)
```

Monochromatic Color

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

#c49896
```
#c49896 rgb(196,152,150)
```
#c49b96
```
#c49b96 rgb(196,155,150)
```
#c49f96
```
#c49f96 rgb(196,159,150)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#c4a796
```
#c4a796 rgb(196,167,150)
```
#c4ab96
```
#c4ab96 rgb(196,171,150)
```
#c4af96
```
#c4af96 rgb(196,175,150)
```

Similar Colors

Text with hexadecimal color #c4a396

This text has a font color of #c4a396.

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

#c4a396 background color

This paragraph has a background color of #c4a396.

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

#c4a396 border color

This element has a border color of #c4a396.

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

CSS codes

.text {color:#c4a396;}

.background {background-color:#c4a396;}

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

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

#080605
```
#080605 rgb(8,6,5)
```
#150e0c
```
#150e0c rgb(21,14,12)
```
#211713
```
#211713 rgb(33,23,19)
```
#2e1f1a
```
#2e1f1a rgb(46,31,26)
```
#3a2821
```
#3a2821 rgb(58,40,33)
```
#473128
```
#473128 rgb(71,49,40)
```
#53392f
```
#53392f rgb(83,57,47)
```
#604236
```
#604236 rgb(96,66,54)
```
#6c4a3d
```
#6c4a3d rgb(108,74,61)
```
#795344
```
#795344 rgb(121,83,68)
```
#865c4b
```
#865c4b rgb(134,92,75)
```
#926452
```
#926452 rgb(146,100,82)
```
#9f6d59
```
#9f6d59 rgb(159,109,89)
```

Shade Color Variation

#a87764
```
#a87764 rgb(168,119,100)
```
#af8270
```
#af8270 rgb(175,130,112)
```
#b68d7d
```
#b68d7d rgb(182,141,125)
```
#bd9889
```
#bd9889 rgb(189,152,137)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#cbaea3
```
#cbaea3 rgb(203,174,163)
```
#d2b9af
```
#d2b9af rgb(210,185,175)
```
#d9c4bc
```
#d9c4bc rgb(217,196,188)
```
#e0cfc8
```
#e0cfc8 rgb(224,207,200)
```
#e7dad5
```
#e7dad5 rgb(231,218,213)
```
#eee5e1
```
#eee5e1 rgb(238,229,225)
```
#f5f0ee
```
#f5f0ee rgb(245,240,238)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#b1aba9
```
#b1aba9 rgb(177,171,169)
```
#b7a8a3
```
#b7a8a3 rgb(183,168,163)
```
#bea69c
```
#bea69c rgb(190,166,156)
```
#c4a396
```
#c4a396 rgb(196,163,150)
```
#caa090
```
#caa090 rgb(202,160,144)
```
#d19e89
```
#d19e89 rgb(209,158,137)
```
#d79b83
```
#d79b83 rgb(215,155,131)
```
#dd987d
```
#dd987d rgb(221,152,125)
```
#e49576
```
#e49576 rgb(228,149,118)
```
#ea9370
```
#ea9370 rgb(234,147,112)
```
#f0906a
```
#f0906a rgb(240,144,106)
```
#f68d64
```
#f68d64 rgb(246,141,100)
```
#fd8a5d
```
#fd8a5d rgb(253,138,93)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b0a9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ad9e Protanopia 1% of men
#c5a89b Deuteranopia 1% of men
#c9a4b0 Tritanopia 0.001% of the population

Trichromacy

#baa99b Protanomaly 1% of men, 0.01% of women
#c4a699 Deuteranomaly 6% of men, 0.4% of women
#c7a4a6 Tritanomaly 0.01% of the population

#c4a396 hex color

#c4a396 Color Information

#c4a396 Color Conversion

Color Schemes with #c4a396

Alternatives to #c4a396

#c4a396 Preview

Shades and Tints of #c4a396

Tones of #c4a396

Color Blindness Simulator