#c48f5e hex color

In a RGB color space, hex #c48f5e is composed of 76.9% red, 56.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 52% yellow and 23.1% black. It has a hue angle of 28.8 degrees, a saturation of 46.4% and a lightness of 56.9%. #c48f5e color hex could be obtained by blending #ffffbc with #891f00. Closest websafe color is: #cc9966.

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

● #c48f5e color description : Moderate orange.

The hexadecimal color #c48f5e has RGB values of R:196, G:143, B:94 and CMYK values of C:0, M:0.27, Y:0.52, K:0.23. Its decimal value is 12881758.

Hex triplet	c48f5e	`#c48f5e`
RGB Decimal	196, 143, 94	`rgb(196,143,94)`
RGB Percent	76.9, 56.1, 36.9	`rgb(76.9%,56.1%,36.9%)`
CMYK	0, 27, 52, 23
HSL	28.8°, 46.4, 56.9	`hsl(28.8,46.4%,56.9%)`
HSV (or HSB)	28.8°, 52, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.5, 14.367, 33.822
XYZ	34.608, 32.191, 14.98
xyY	0.423, 0.394, 32.191
CIE-LCH	63.5, 36.747, 66.985
CIE-LUV	63.5, 39.875, 38.633
Hunter-Lab	56.737, 9.592, 24.062
Binary	11000100, 10001111, 01011110

#c48f5e
```
#c48f5e rgb(196,143,94)
```
#5e93c4
```
#5e93c4 rgb(94,147,196)
```

Complementary Color

#c45e60
```
#c45e60 rgb(196,94,96)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#c4c25e
```
#c4c25e rgb(196,194,94)
```

Analogous Color

#5e60c4
```
#5e60c4 rgb(94,96,196)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#5ec4c2
```
#5ec4c2 rgb(94,196,194)
```

Split Complementary Color

#8f5ec4
```
#8f5ec4 rgb(143,94,196)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#5ec48f
```
#5ec48f rgb(94,196,143)
```

Triadic Color

#c45e93
```
#c45e93 rgb(196,94,147)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#5ec48f
```
#5ec48f rgb(94,196,143)
```
#5e93c4
```
#5e93c4 rgb(94,147,196)
```

Tetradic Color

#9c6939
```
#9c6939 rgb(156,105,57)
```
#af7540
```
#af7540 rgb(175,117,64)
```
#bd824b
```
#bd824b rgb(189,130,75)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#cb9c71
```
#cb9c71 rgb(203,156,113)
```
#d2a983
```
#d2a983 rgb(210,169,131)
```
#d9b696
```
#d9b696 rgb(217,182,150)
```

Monochromatic Color

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

#c4765e
```
#c4765e rgb(196,118,94)
```
#c47e5e
```
#c47e5e rgb(196,126,94)
```
#c4875e
```
#c4875e rgb(196,135,94)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#c4985e
```
#c4985e rgb(196,152,94)
```
#c4a05e
```
#c4a05e rgb(196,160,94)
```
#c4a95e
```
#c4a95e rgb(196,169,94)
```

Similar Colors

Text with hexadecimal color #c48f5e

This text has a font color of #c48f5e.

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

#c48f5e background color

This paragraph has a background color of #c48f5e.

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

#c48f5e border color

This element has a border color of #c48f5e.

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

CSS codes

.text {color:#c48f5e;}

.background {background-color:#c48f5e;}

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

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

#0b0804
```
#0b0804 rgb(11,8,4)
```
#1a1109
```
#1a1109 rgb(26,17,9)
```
#281b0f
```
#281b0f rgb(40,27,15)
```
#362414
```
#362414 rgb(54,36,20)
```
#452e19
```
#452e19 rgb(69,46,25)
```
#53381e
```
#53381e rgb(83,56,30)
```
#614124
```
#614124 rgb(97,65,36)
```
#704b29
```
#704b29 rgb(112,75,41)
```
#7e552e
```
#7e552e rgb(126,85,46)
```
#8c5e33
```
#8c5e33 rgb(140,94,51)
```
#9b6839
```
#9b6839 rgb(155,104,57)
```
#a9713e
```
#a9713e rgb(169,113,62)
```
#b87b43
```
#b87b43 rgb(184,123,67)
```

Shade Color Variation

#bf8550
```
#bf8550 rgb(191,133,80)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#c9996c
```
#c9996c rgb(201,153,108)
```
#cfa37b
```
#cfa37b rgb(207,163,123)
```
#d4ad89
```
#d4ad89 rgb(212,173,137)
```
#d9b797
```
#d9b797 rgb(217,183,151)
```
#dec1a6
```
#dec1a6 rgb(222,193,166)
```
#e4cbb4
```
#e4cbb4 rgb(228,203,180)
```
#e9d5c2
```
#e9d5c2 rgb(233,213,194)
```
#eedfd1
```
#eedfd1 rgb(238,223,209)
```
#f3e9df
```
#f3e9df rgb(243,233,223)
```
#f9f3ee
```
#f9f3ee rgb(249,243,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#9a9188
```
#9a9188 rgb(154,145,136)
```
#a29080
```
#a29080 rgb(162,144,128)
```
#ab9077
```
#ab9077 rgb(171,144,119)
```
#b3906f
```
#b3906f rgb(179,144,111)
```
#bc8f66
```
#bc8f66 rgb(188,143,102)
```
#c48f5e
```
#c48f5e rgb(196,143,94)
```
#cc8f56
```
#cc8f56 rgb(204,143,86)
```
#d58e4d
```
#d58e4d rgb(213,142,77)
```
#dd8e45
```
#dd8e45 rgb(221,142,69)
```
#e68e3c
```
#e68e3c rgb(230,142,60)
```
#ee8d34
```
#ee8d34 rgb(238,141,52)
```
#f78d2b
```
#f78d2b rgb(247,141,43)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a2978d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9e6a Protanopia 1% of men
#be9865 Deuteranopia 1% of men
#cb8e98 Tritanopia 0.001% of the population

Trichromacy

#b49965 Protanomaly 1% of men, 0.01% of women
#c09462 Deuteranomaly 6% of men, 0.4% of women
#c88e83 Tritanomaly 0.01% of the population

#c48f5e hex color

#c48f5e Color Information

#c48f5e Color Conversion

Color Schemes with #c48f5e

Alternatives to #c48f5e

#c48f5e Preview

Shades and Tints of #c48f5e

Tones of #c48f5e

Color Blindness Simulator