#c48f61 hex color

In a RGB color space, hex #c48f61 is composed of 76.9% red, 56.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 50.5% yellow and 23.1% black. It has a hue angle of 27.9 degrees, a saturation of 45.6% and a lightness of 57.5%. #c48f61 color hex could be obtained by blending #ffffc2 with #891f00. Closest websafe color is: #cc9966.

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

● #c48f61 color description : Moderate orange.

The hexadecimal color #c48f61 has RGB values of R:196, G:143, B:97 and CMYK values of C:0, M:0.27, Y:0.51, K:0.23. Its decimal value is 12881761.

Hex triplet	c48f61	`#c48f61`
RGB Decimal	196, 143, 97	`rgb(196,143,97)`
RGB Percent	76.9, 56.1, 38	`rgb(76.9%,56.1%,38%)`
CMYK	0, 27, 51, 23
HSL	27.9°, 45.6, 57.5	`hsl(27.9,45.6%,57.5%)`
HSV (or HSB)	27.9°, 50.5, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.545, 14.644, 32.265
XYZ	34.745, 32.246, 15.703
xyY	0.42, 0.39, 32.246
CIE-LCH	63.545, 35.433, 65.589
CIE-LUV	63.545, 39.58, 37.027
Hunter-Lab	56.785, 9.846, 23.354
Binary	11000100, 10001111, 01100001

#c48f61
```
#c48f61 rgb(196,143,97)
```
#6196c4
```
#6196c4 rgb(97,150,196)
```

Complementary Color

#c46165
```
#c46165 rgb(196,97,101)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#c4c161
```
#c4c161 rgb(196,193,97)
```

Analogous Color

#6165c4
```
#6165c4 rgb(97,101,196)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#61c4c1
```
#61c4c1 rgb(97,196,193)
```

Split Complementary Color

#8f61c4
```
#8f61c4 rgb(143,97,196)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#61c48f
```
#61c48f rgb(97,196,143)
```

Triadic Color

#c46196
```
#c46196 rgb(196,97,150)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#61c48f
```
#61c48f rgb(97,196,143)
```
#6196c4
```
#6196c4 rgb(97,150,196)
```

Tetradic Color

#9e693b
```
#9e693b rgb(158,105,59)
```
#b07542
```
#b07542 rgb(176,117,66)
```
#bd824e
```
#bd824e rgb(189,130,78)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#cb9c74
```
#cb9c74 rgb(203,156,116)
```
#d2a986
```
#d2a986 rgb(210,169,134)
```
#d9b699
```
#d9b699 rgb(217,182,153)
```

Monochromatic Color

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

#c47661
```
#c47661 rgb(196,118,97)
```
#c47f61
```
#c47f61 rgb(196,127,97)
```
#c48761
```
#c48761 rgb(196,135,97)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#c49761
```
#c49761 rgb(196,151,97)
```
#c4a061
```
#c4a061 rgb(196,160,97)
```
#c4a861
```
#c4a861 rgb(196,168,97)
```

Similar Colors

Text with hexadecimal color #c48f61

This text has a font color of #c48f61.

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

#c48f61 background color

This paragraph has a background color of #c48f61.

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

#c48f61 border color

This element has a border color of #c48f61.

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

CSS codes

.text {color:#c48f61;}

.background {background-color:#c48f61;}

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

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

#0d0905
```
#0d0905 rgb(13,9,5)
```
#1c120a
```
#1c120a rgb(28,18,10)
```
#2a1c10
```
#2a1c10 rgb(42,28,16)
```
#382515
```
#382515 rgb(56,37,21)
```
#472f1a
```
#472f1a rgb(71,47,26)
```
#553820
```
#553820 rgb(85,56,32)
```
#634225
```
#634225 rgb(99,66,37)
```
#714b2a
```
#714b2a rgb(113,75,42)
```
#805530
```
#805530 rgb(128,85,48)
```
#8e5e35
```
#8e5e35 rgb(142,94,53)
```
#9c683a
```
#9c683a rgb(156,104,58)
```
#aa7140
```
#aa7140 rgb(170,113,64)
```
#b97b45
```
#b97b45 rgb(185,123,69)
```

Shade Color Variation

#bf8553
```
#bf8553 rgb(191,133,83)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#c9996f
```
#c9996f rgb(201,153,111)
```
#cfa37e
```
#cfa37e rgb(207,163,126)
```
#d4ad8c
```
#d4ad8c rgb(212,173,140)
```
#d9b79a
```
#d9b79a rgb(217,183,154)
```
#dfc2a8
```
#dfc2a8 rgb(223,194,168)
```
#e4ccb7
```
#e4ccb7 rgb(228,204,183)
```
#e9d6c5
```
#e9d6c5 rgb(233,214,197)
```
#efe0d3
```
#efe0d3 rgb(239,224,211)
```
#f4eae2
```
#f4eae2 rgb(244,234,226)
```
#f9f4f0
```
#f9f4f0 rgb(249,244,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9a928b
```
#9a928b rgb(154,146,139)
```
#a39182
```
#a39182 rgb(163,145,130)
```
#ab917a
```
#ab917a rgb(171,145,122)
```
#b39072
```
#b39072 rgb(179,144,114)
```
#bc9069
```
#bc9069 rgb(188,144,105)
```
#c48f61
```
#c48f61 rgb(196,143,97)
```
#cc8e59
```
#cc8e59 rgb(204,142,89)
```
#d58e50
```
#d58e50 rgb(213,142,80)
```
#dd8d48
```
#dd8d48 rgb(221,141,72)
```
#e58d40
```
#e58d40 rgb(229,141,64)
```
#ee8c37
```
#ee8c37 rgb(238,140,55)
```
#f68b2f
```
#f68b2f rgb(246,139,47)
```
#fe8b27
```
#fe8b27 rgb(254,139,39)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a2988f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9f6d Protanopia 1% of men
#be9868 Deuteranopia 1% of men
#cb8e98 Tritanopia 0.001% of the population

Trichromacy

#b49968 Protanomaly 1% of men, 0.01% of women
#c09565 Deuteranomaly 6% of men, 0.4% of women
#c88e84 Tritanomaly 0.01% of the population

#c48f61 hex color

#c48f61 Color Information

#c48f61 Color Conversion

Color Schemes with #c48f61

Alternatives to #c48f61

#c48f61 Preview

Shades and Tints of #c48f61

Tones of #c48f61

Color Blindness Simulator