#c48463 hex color

In a RGB color space, hex #c48463 is composed of 76.9% red, 51.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 49.5% yellow and 23.1% black. It has a hue angle of 20.4 degrees, a saturation of 45.1% and a lightness of 57.8%. #c48463 color hex could be obtained by blending #ffffc6 with #890900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 52
- B 39
RGB color chart
- C 0
- M 33
- Y 49
- K 23
CMYK color chart

● #c48463 color description : Slightly desaturated orange.

The hexadecimal color #c48463 has RGB values of R:196, G:132, B:99 and CMYK values of C:0, M:0.33, Y:0.49, K:0.23. Its decimal value is 12878947.

Hex triplet	c48463	`#c48463`
RGB Decimal	196, 132, 99	`rgb(196,132,99)`
RGB Percent	76.9, 51.8, 38.8	`rgb(76.9%,51.8%,38.8%)`
CMYK	0, 33, 49, 23
HSL	20.4°, 45.1, 57.8	`hsl(20.4,45.1%,57.8%)`
HSV (or HSB)	20.4°, 49.5, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.906, 20.882, 27.773
XYZ	33.269, 29.141, 15.676
xyY	0.426, 0.373, 29.141
CIE-LCH	60.906, 34.748, 53.062
CIE-LUV	60.906, 46.994, 30.523
Hunter-Lab	53.982, 15.538, 20.57
Binary	11000100, 10000100, 01100011

#c48463
```
#c48463 rgb(196,132,99)
```
#63a3c4
```
#63a3c4 rgb(99,163,196)
```

Complementary Color

#c46373
```
#c46373 rgb(196,99,115)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#c4b563
```
#c4b563 rgb(196,181,99)
```

Analogous Color

#6373c4
```
#6373c4 rgb(99,115,196)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#63c4b5
```
#63c4b5 rgb(99,196,181)
```

Split Complementary Color

#8463c4
```
#8463c4 rgb(132,99,196)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#63c484
```
#63c484 rgb(99,196,132)
```

Triadic Color

#c463a3
```
#c463a3 rgb(196,99,163)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#63c484
```
#63c484 rgb(99,196,132)
```
#63a3c4
```
#63a3c4 rgb(99,163,196)
```

Tetradic Color

#9f5d3c
```
#9f5d3c rgb(159,93,60)
```
#b16843
```
#b16843 rgb(177,104,67)
```
#bd7550
```
#bd7550 rgb(189,117,80)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#cb9376
```
#cb9376 rgb(203,147,118)
```
#d2a188
```
#d2a188 rgb(210,161,136)
```
#d9b09b
```
#d9b09b rgb(217,176,155)
```

Monochromatic Color

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

#c46c63
```
#c46c63 rgb(196,108,99)
```
#c47463
```
#c47463 rgb(196,116,99)
```
#c47c63
```
#c47c63 rgb(196,124,99)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#c48c63
```
#c48c63 rgb(196,140,99)
```
#c49463
```
#c49463 rgb(196,148,99)
```
#c49c63
```
#c49c63 rgb(196,156,99)
```

Similar Colors

Text with hexadecimal color #c48463

This text has a font color of #c48463.

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

#c48463 background color

This paragraph has a background color of #c48463.

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

#c48463 border color

This element has a border color of #c48463.

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

CSS codes

.text {color:#c48463;}

.background {background-color:#c48463;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0f0906
```
#0f0906 rgb(15,9,6)
```
#1d110b
```
#1d110b rgb(29,17,11)
```
#2b1a10
```
#2b1a10 rgb(43,26,16)
```
#392216
```
#392216 rgb(57,34,22)
```
#482a1b
```
#482a1b rgb(72,42,27)
```
#563321
```
#563321 rgb(86,51,33)
```
#643b26
```
#643b26 rgb(100,59,38)
```
#72432b
```
#72432b rgb(114,67,43)
```
#814c31
```
#814c31 rgb(129,76,49)
```
#8f5436
```
#8f5436 rgb(143,84,54)
```
#9d5d3b
```
#9d5d3b rgb(157,93,59)
```
#ab6541
```
#ab6541 rgb(171,101,65)
```

Shade Color Variation

#b96e47
```
#b96e47 rgb(185,110,71)
```
#bf7955
```
#bf7955 rgb(191,121,85)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#c98f71
```
#c98f71 rgb(201,143,113)
```
#cf9a7f
```
#cf9a7f rgb(207,154,127)
```
#d4a68e
```
#d4a68e rgb(212,166,142)
```
#dab19c
```
#dab19c rgb(218,177,156)
```
#dfbcaa
```
#dfbcaa rgb(223,188,170)
```
#e4c7b8
```
#e4c7b8 rgb(228,199,184)
```
#ead3c7
```
#ead3c7 rgb(234,211,199)
```
#efded5
```
#efded5 rgb(239,222,213)
```
#f4e9e3
```
#f4e9e3 rgb(244,233,227)
```
#faf4f1
```
#faf4f1 rgb(250,244,241)
```

Tint Color Variation

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

#9b918c
```
#9b918c rgb(155,145,140)
```
#a38f84
```
#a38f84 rgb(163,143,132)
```
#ab8c7c
```
#ab8c7c rgb(171,140,124)
```
#b38974
```
#b38974 rgb(179,137,116)
```
#bc876b
```
#bc876b rgb(188,135,107)
```
#c48463
```
#c48463 rgb(196,132,99)
```
#cc815b
```
#cc815b rgb(204,129,91)
```
#d57f52
```
#d57f52 rgb(213,127,82)
```
#dd7c4a
```
#dd7c4a rgb(221,124,74)
```
#e57942
```
#e57942 rgb(229,121,66)
```
#ed773a
```
#ed773a rgb(237,119,58)
```
#f67431
```
#f67431 rgb(246,116,49)
```
#fe7229
```
#fe7229 rgb(254,114,41)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9d9089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39870 Protanopia 1% of men
#b59268 Deuteranopia 1% of men
#ca858e Tritanopia 0.001% of the population

Trichromacy

#af906b Protanomaly 1% of men, 0.01% of women
#ba8d66 Deuteranomaly 6% of men, 0.4% of women
#c8857e Tritanomaly 0.01% of the population

#c48463 hex color

#c48463 Color Information

#c48463 Color Conversion

Color Schemes with #c48463

Alternatives to #c48463

#c48463 Preview

Shades and Tints of #c48463

Tones of #c48463

Color Blindness Simulator