#c48f54 hex color

In a RGB color space, hex #c48f54 is composed of 76.9% red, 56.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 57.1% yellow and 23.1% black. It has a hue angle of 31.6 degrees, a saturation of 48.7% and a lightness of 54.9%. #c48f54 color hex could be obtained by blending #ffffa8 with #891f00. Closest websafe color is: #cc9966.

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

● #c48f54 color description : Moderate orange.

The hexadecimal color #c48f54 has RGB values of R:196, G:143, B:84 and CMYK values of C:0, M:0.27, Y:0.57, K:0.23. Its decimal value is 12881748.

Hex triplet	c48f54	`#c48f54`
RGB Decimal	196, 143, 84	`rgb(196,143,84)`
RGB Percent	76.9, 56.1, 32.9	`rgb(76.9%,56.1%,32.9%)`
CMYK	0, 27, 57, 23
HSL	31.6°, 48.7, 54.9	`hsl(31.6,48.7%,54.9%)`
HSV (or HSB)	31.6°, 57.1, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.362, 13.514, 38.939
XYZ	34.188, 32.023, 12.767
xyY	0.433, 0.405, 32.023
CIE-LCH	63.362, 41.217, 70.861
CIE-LUV	63.362, 40.797, 43.646
Hunter-Lab	56.589, 8.811, 26.235
Binary	11000100, 10001111, 01010100

#c48f54
```
#c48f54 rgb(196,143,84)
```
#5489c4
```
#5489c4 rgb(84,137,196)
```

Complementary Color

#c45754
```
#c45754 rgb(196,87,84)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#c1c454
```
#c1c454 rgb(193,196,84)
```

Analogous Color

#5754c4
```
#5754c4 rgb(87,84,196)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#54c1c4
```
#54c1c4 rgb(84,193,196)
```

Split Complementary Color

#8f54c4
```
#8f54c4 rgb(143,84,196)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#54c48f
```
#54c48f rgb(84,196,143)
```

Triadic Color

#c45489
```
#c45489 rgb(196,84,137)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#54c48f
```
#54c48f rgb(84,196,143)
```
#5489c4
```
#5489c4 rgb(84,137,196)
```

Tetradic Color

#976834
```
#976834 rgb(151,104,52)
```
#aa753b
```
#aa753b rgb(170,117,59)
```
#bd8341
```
#bd8341 rgb(189,131,65)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#cb9b67
```
#cb9b67 rgb(203,155,103)
```
#d1a87a
```
#d1a87a rgb(209,168,122)
```
#d8b48d
```
#d8b48d rgb(216,180,141)
```

Monochromatic Color

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

#c47354
```
#c47354 rgb(196,115,84)
```
#c47c54
```
#c47c54 rgb(196,124,84)
```
#c48654
```
#c48654 rgb(196,134,84)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#c49854
```
#c49854 rgb(196,152,84)
```
#c4a254
```
#c4a254 rgb(196,162,84)
```
#c4ab54
```
#c4ab54 rgb(196,171,84)
```

Similar Colors

Text with hexadecimal color #c48f54

This text has a font color of #c48f54.

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

#c48f54 background color

This paragraph has a background color of #c48f54.

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

#c48f54 border color

This element has a border color of #c48f54.

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

CSS codes

.text {color:#c48f54;}

.background {background-color:#c48f54;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#130d06
```
#130d06 rgb(19,13,6)
```
#21170b
```
#21170b rgb(33,23,11)
```
#302110
```
#302110 rgb(48,33,16)
```
#3e2b16
```
#3e2b16 rgb(62,43,22)
```
#4d351b
```
#4d351b rgb(77,53,27)
```
#5c3f20
```
#5c3f20 rgb(92,63,32)
```
#6a4925
```
#6a4925 rgb(106,73,37)
```
#79532a
```
#79532a rgb(121,83,42)
```
#875d2f
```
#875d2f rgb(135,93,47)
```
#966734
```
#966734 rgb(150,103,52)
```
#a47139
```
#a47139 rgb(164,113,57)
```
#b37c3e
```
#b37c3e rgb(179,124,62)
```

Shade Color Variation

#bf8545
```
#bf8545 rgb(191,133,69)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#c99963
```
#c99963 rgb(201,153,99)
```
#cea271
```
#cea271 rgb(206,162,113)
```
#d3ac80
```
#d3ac80 rgb(211,172,128)
```
#d8b58e
```
#d8b58e rgb(216,181,142)
```
#ddbf9d
```
#ddbf9d rgb(221,191,157)
```
#e2c8ac
```
#e2c8ac rgb(226,200,172)
```
#e7d2ba
```
#e7d2ba rgb(231,210,186)
```
#ecdbc9
```
#ecdbc9 rgb(236,219,201)
```
#f1e5d7
```
#f1e5d7 rgb(241,229,215)
```
#f6efe6
```
#f6efe6 rgb(246,239,230)
```
#fbf8f4
```
#fbf8f4 rgb(251,248,244)
```

Tint Color Variation

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

#8f8c89
```
#8f8c89 rgb(143,140,137)
```
#988d80
```
#988d80 rgb(152,141,128)
```
#a18d77
```
#a18d77 rgb(161,141,119)
```
#a98e6f
```
#a98e6f rgb(169,142,111)
```
#b28e66
```
#b28e66 rgb(178,142,102)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#c48f54
```
#c48f54 rgb(196,143,84)
```
#cd8f4b
```
#cd8f4b rgb(205,143,75)
```
#d69042
```
#d69042 rgb(214,144,66)
```
#df9039
```
#df9039 rgb(223,144,57)
```
#e79131
```
#e79131 rgb(231,145,49)
```
#f09128
```
#f09128 rgb(240,145,40)
```
#f9921f
```
#f9921f rgb(249,146,31)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a1968a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9e60 Protanopia 1% of men
#c0975c Deuteranopia 1% of men
#cc8d97 Tritanopia 0.001% of the population

Trichromacy

#b5985b Protanomaly 1% of men, 0.01% of women
#c19459 Deuteranomaly 6% of men, 0.4% of women
#c98e7e Tritanomaly 0.01% of the population

#c48f54 hex color

#c48f54 Color Information

#c48f54 Color Conversion

Color Schemes with #c48f54

Alternatives to #c48f54

#c48f54 Preview

Shades and Tints of #c48f54

Tones of #c48f54

Color Blindness Simulator