#c48f60 hex color

In a RGB color space, hex #c48f60 is composed of 76.9% red, 56.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 51% yellow and 23.1% black. It has a hue angle of 28.2 degrees, a saturation of 45.9% and a lightness of 57.3%. #c48f60 color hex could be obtained by blending #ffffc0 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

● #c48f60 color description : Moderate orange.

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

Hex triplet	c48f60	`#c48f60`
RGB Decimal	196, 143, 96	`rgb(196,143,96)`
RGB Percent	76.9, 56.1, 37.6	`rgb(76.9%,56.1%,37.6%)`
CMYK	0, 27, 51, 23
HSL	28.2°, 45.9, 57.3	`hsl(28.2,45.9%,57.3%)`
HSV (or HSB)	28.2°, 51, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.53, 14.55, 32.785
XYZ	34.699, 32.227, 15.459
xyY	0.421, 0.391, 32.227
CIE-LCH	63.53, 35.869, 66.068
CIE-LUV	63.53, 39.679, 37.568
Hunter-Lab	56.769, 9.76, 23.593
Binary	11000100, 10001111, 01100000

#c48f60
```
#c48f60 rgb(196,143,96)
```
#6095c4
```
#6095c4 rgb(96,149,196)
```

Complementary Color

#c46063
```
#c46063 rgb(196,96,99)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#c4c160
```
#c4c160 rgb(196,193,96)
```

Analogous Color

#6063c4
```
#6063c4 rgb(96,99,196)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#60c4c1
```
#60c4c1 rgb(96,196,193)
```

Split Complementary Color

#8f60c4
```
#8f60c4 rgb(143,96,196)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#60c48f
```
#60c48f rgb(96,196,143)
```

Triadic Color

#c46095
```
#c46095 rgb(196,96,149)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#60c48f
```
#60c48f rgb(96,196,143)
```
#6095c4
```
#6095c4 rgb(96,149,196)
```

Tetradic Color

#9d693a
```
#9d693a rgb(157,105,58)
```
#b07541
```
#b07541 rgb(176,117,65)
```
#bd824d
```
#bd824d rgb(189,130,77)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#cb9c73
```
#cb9c73 rgb(203,156,115)
```
#d2a985
```
#d2a985 rgb(210,169,133)
```
#d9b698
```
#d9b698 rgb(217,182,152)
```

Monochromatic Color

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

#c47660
```
#c47660 rgb(196,118,96)
```
#c47e60
```
#c47e60 rgb(196,126,96)
```
#c48760
```
#c48760 rgb(196,135,96)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#c49760
```
#c49760 rgb(196,151,96)
```
#c4a060
```
#c4a060 rgb(196,160,96)
```
#c4a860
```
#c4a860 rgb(196,168,96)
```

Similar Colors

Text with hexadecimal color #c48f60

This text has a font color of #c48f60.

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

#c48f60 background color

This paragraph has a background color of #c48f60.

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

#c48f60 border color

This element has a border color of #c48f60.

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

CSS codes

.text {color:#c48f60;}

.background {background-color:#c48f60;}

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

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

#0d0805
```
#0d0805 rgb(13,8,5)
```
#1b120a
```
#1b120a rgb(27,18,10)
```
#291c0f
```
#291c0f rgb(41,28,15)
```
#382515
```
#382515 rgb(56,37,21)
```
#462f1a
```
#462f1a rgb(70,47,26)
```
#54381f
```
#54381f rgb(84,56,31)
```
#634225
```
#634225 rgb(99,66,37)
```
#714b2a
```
#714b2a rgb(113,75,42)
```
#7f552f
```
#7f552f rgb(127,85,47)
```
#8d5e34
```
#8d5e34 rgb(141,94,52)
```
#9c683a
```
#9c683a rgb(156,104,58)
```
#aa713f
```
#aa713f rgb(170,113,63)
```
#b87b44
```
#b87b44 rgb(184,123,68)
```

Shade Color Variation

#bf8552
```
#bf8552 rgb(191,133,82)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#c9996e
```
#c9996e rgb(201,153,110)
```
#cfa37d
```
#cfa37d rgb(207,163,125)
```
#d4ad8b
```
#d4ad8b rgb(212,173,139)
```
#d9b799
```
#d9b799 rgb(217,183,153)
```
#dfc1a8
```
#dfc1a8 rgb(223,193,168)
```
#e4cbb6
```
#e4cbb6 rgb(228,203,182)
```
#e9d6c4
```
#e9d6c4 rgb(233,214,196)
```
#eee0d2
```
#eee0d2 rgb(238,224,210)
```
#f4eae1
```
#f4eae1 rgb(244,234,225)
```
#f9f4ef
```
#f9f4ef rgb(249,244,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9a928a
```
#9a928a rgb(154,146,138)
```
#a29182
```
#a29182 rgb(162,145,130)
```
#ab9179
```
#ab9179 rgb(171,145,121)
```
#b39071
```
#b39071 rgb(179,144,113)
```
#bc9068
```
#bc9068 rgb(188,144,104)
```
#c48f60
```
#c48f60 rgb(196,143,96)
```
#cc8e58
```
#cc8e58 rgb(204,142,88)
```
#d58e4f
```
#d58e4f rgb(213,142,79)
```
#dd8d47
```
#dd8d47 rgb(221,141,71)
```
#e68d3e
```
#e68d3e rgb(230,141,62)
```
#ee8c36
```
#ee8c36 rgb(238,140,54)
```
#f68c2e
```
#f68c2e rgb(246,140,46)
```
#ff8b25
```
#ff8b25 rgb(255,139,37)
```

Tone Color Variation

Below, you can see how #c48f60 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
#a2978e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9f6c Protanopia 1% of men
#be9867 Deuteranopia 1% of men
#cb8e98 Tritanopia 0.001% of the population

Trichromacy

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

#c48f60 hex color

#c48f60 Color Information

#c48f60 Color Conversion

Color Schemes with #c48f60

Alternatives to #c48f60

#c48f60 Preview

Shades and Tints of #c48f60

Tones of #c48f60

Color Blindness Simulator