#c4b48f hex color

In a RGB color space, hex #c4b48f is composed of 76.9% red, 70.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.2% magenta, 27% yellow and 23.1% black. It has a hue angle of 41.9 degrees, a saturation of 31% and a lightness of 66.5%. #c4b48f color hex could be obtained by blending #ffffff with #89691f. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 77
- G 71
- B 56
RGB color chart
- C 0
- M 8
- Y 27
- K 23
CMYK color chart

● #c4b48f color description : Slightly desaturated orange.

The hexadecimal color #c4b48f has RGB values of R:196, G:180, B:143 and CMYK values of C:0, M:0.08, Y:0.27, K:0.23. Its decimal value is 12891279.

Hex triplet	c4b48f	`#c4b48f`
RGB Decimal	196, 180, 143	`rgb(196,180,143)`
RGB Percent	76.9, 70.6, 56.1	`rgb(76.9%,70.6%,56.1%)`
CMYK	0, 8, 27, 23
HSL	41.9°, 31, 66.5	`hsl(41.9,31%,66.5%)`
HSV (or HSB)	41.9°, 27, 76.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.78, -0.066, 20.976
XYZ	44.044, 46.362, 32.614
xyY	0.358, 0.377, 46.362
CIE-LCH	73.78, 20.976, 90.179
CIE-LUV	73.78, 12.05, 28.767
Hunter-Lab	68.09, -3.695, 19.264
Binary	11000100, 10110100, 10001111

#c4b48f
```
#c4b48f rgb(196,180,143)
```
#8f9fc4
```
#8f9fc4 rgb(143,159,196)
```

Complementary Color

#c49a8f
```
#c49a8f rgb(196,154,143)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#bac48f
```
#bac48f rgb(186,196,143)
```

Analogous Color

#9a8fc4
```
#9a8fc4 rgb(154,143,196)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#8fbac4
```
#8fbac4 rgb(143,186,196)
```

Split Complementary Color

#b48fc4
```
#b48fc4 rgb(180,143,196)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#8fc4b4
```
#8fc4b4 rgb(143,196,180)
```

Triadic Color

#c48f9f
```
#c48f9f rgb(196,143,159)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#8fc4b4
```
#8fc4b4 rgb(143,196,180)
```
#8f9fc4
```
#8f9fc4 rgb(143,159,196)
```

Tetradic Color

#aa925d
```
#aa925d rgb(170,146,93)
```
#b29e6e
```
#b29e6e rgb(178,158,110)
```
#bba97e
```
#bba97e rgb(187,169,126)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#cdbfa0
```
#cdbfa0 rgb(205,191,160)
```
#d6cab0
```
#d6cab0 rgb(214,202,176)
```
#ded6c1
```
#ded6c1 rgb(222,214,193)
```

Monochromatic Color

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

#c4a78f
```
#c4a78f rgb(196,167,143)
```
#c4ab8f
```
#c4ab8f rgb(196,171,143)
```
#c4b08f
```
#c4b08f rgb(196,176,143)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#c4b88f
```
#c4b88f rgb(196,184,143)
```
#c4bd8f
```
#c4bd8f rgb(196,189,143)
```
#c4c18f
```
#c4c18f rgb(196,193,143)
```

Similar Colors

Text with hexadecimal color #c4b48f

This text has a font color of #c4b48f.

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

#c4b48f background color

This paragraph has a background color of #c4b48f.

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

#c4b48f border color

This element has a border color of #c4b48f.

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

CSS codes

.text {color:#c4b48f;}

.background {background-color:#c4b48f;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#100e09
```
#100e09 rgb(16,14,9)
```
#1d190f
```
#1d190f rgb(29,25,15)
```
#2a2416
```
#2a2416 rgb(42,36,22)
```
#372f1d
```
#372f1d rgb(55,47,29)
```
#443a24
```
#443a24 rgb(68,58,36)
```
#51452b
```
#51452b rgb(81,69,43)
```
#5e5031
```
#5e5031 rgb(94,80,49)
```
#6a5b38
```
#6a5b38 rgb(106,91,56)
```
#77663f
```
#77663f rgb(119,102,63)
```
#847146
```
#847146 rgb(132,113,70)
```
#917c4c
```
#917c4c rgb(145,124,76)
```
#9e8753
```
#9e8753 rgb(158,135,83)
```

Shade Color Variation

#a9925c
```
#a9925c rgb(169,146,92)
```
#b09a68
```
#b09a68 rgb(176,154,104)
```
#b6a375
```
#b6a375 rgb(182,163,117)
```
#bdab82
```
#bdab82 rgb(189,171,130)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#cbbd9c
```
#cbbd9c rgb(203,189,156)
```
#d2c5a9
```
#d2c5a9 rgb(210,197,169)
```
#d8ceb6
```
#d8ceb6 rgb(216,206,182)
```
#dfd6c2
```
#dfd6c2 rgb(223,214,194)
```
#e6dfcf
```
#e6dfcf rgb(230,223,207)
```
#ede8dc
```
#ede8dc rgb(237,232,220)
```
#f3f0e9
```
#f3f0e9 rgb(243,240,233)
```
#faf9f6
```
#faf9f6 rgb(250,249,246)
```

Tint Color Variation

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

#aaaaa9
```
#aaaaa9 rgb(170,170,169)
```
#b0aca3
```
#b0aca3 rgb(176,172,163)
```
#b7af9c
```
#b7af9c rgb(183,175,156)
```
#bdb196
```
#bdb196 rgb(189,177,150)
```
#c4b48f
```
#c4b48f rgb(196,180,143)
```
#cbb788
```
#cbb788 rgb(203,183,136)
```
#d1b982
```
#d1b982 rgb(209,185,130)
```
#d8bc7b
```
#d8bc7b rgb(216,188,123)
```
#debe75
```
#debe75 rgb(222,190,117)
```
#e5c16e
```
#e5c16e rgb(229,193,110)
```
#ebc468
```
#ebc468 rgb(235,196,104)
```
#f2c661
```
#f2c661 rgb(242,198,97)
```
#f9c95a
```
#f9c95a rgb(249,201,90)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b8b5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b895 Protanopia 1% of men
#d6b296 Deuteranopia 1% of men
#ccb2be Tritanopia 0.001% of the population

Trichromacy

#c4b792 Protanomaly 1% of men, 0.01% of women
#cfb293 Deuteranomaly 6% of men, 0.4% of women
#c9b2ad Tritanomaly 0.01% of the population

#c4b48f hex color

#c4b48f Color Information

#c4b48f Color Conversion

Color Schemes with #c4b48f

Alternatives to #c4b48f

#c4b48f Preview

Shades and Tints of #c4b48f

Tones of #c4b48f

Color Blindness Simulator