#c48366 hex color

In a RGB color space, hex #c48366 is composed of 76.9% red, 51.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 48% yellow and 23.1% black. It has a hue angle of 18.5 degrees, a saturation of 44.3% and a lightness of 58.4%. #c48366 color hex could be obtained by blending #ffffcc with #890700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 77
- G 51
- B 40
RGB color chart
- C 0
- M 33
- Y 48
- K 23
CMYK color chart

● #c48366 color description : Slightly desaturated orange.

The hexadecimal color #c48366 has RGB values of R:196, G:131, B:102 and CMYK values of C:0, M:0.33, Y:0.48, K:0.23. Its decimal value is 12878694.

Hex triplet	c48366	`#c48366`
RGB Decimal	196, 131, 102	`rgb(196,131,102)`
RGB Percent	76.9, 51.4, 40	`rgb(76.9%,51.4%,40%)`
CMYK	0, 33, 48, 23
HSL	18.5°, 44.3, 58.4	`hsl(18.5,44.3%,58.4%)`
HSV (or HSB)	18.5°, 48, 76.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.719, 21.725, 25.861
XYZ	33.28, 28.93, 16.401
xyY	0.423, 0.368, 28.93
CIE-LCH	60.719, 33.775, 49.967
CIE-LUV	60.719, 47.306, 28.285
Hunter-Lab	53.786, 16.32, 19.571
Binary	11000100, 10000011, 01100110

#c48366
```
#c48366 rgb(196,131,102)
```
#66a7c4
```
#66a7c4 rgb(102,167,196)
```

Complementary Color

#c46678
```
#c46678 rgb(196,102,120)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#c4b266
```
#c4b266 rgb(196,178,102)
```

Analogous Color

#6678c4
```
#6678c4 rgb(102,120,196)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#66c4b2
```
#66c4b2 rgb(102,196,178)
```

Split Complementary Color

#8366c4
```
#8366c4 rgb(131,102,196)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#66c483
```
#66c483 rgb(102,196,131)
```

Triadic Color

#c466a7
```
#c466a7 rgb(196,102,167)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#66c483
```
#66c483 rgb(102,196,131)
```
#66a7c4
```
#66a7c4 rgb(102,167,196)
```

Tetradic Color

#a05c3e
```
#a05c3e rgb(160,92,62)
```
#b26745
```
#b26745 rgb(178,103,69)
```
#bd7454
```
#bd7454 rgb(189,116,84)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#cb9278
```
#cb9278 rgb(203,146,120)
```
#d2a18b
```
#d2a18b rgb(210,161,139)
```
#d9b09d
```
#d9b09d rgb(217,176,157)
```

Monochromatic Color

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

#c46c66
```
#c46c66 rgb(196,108,102)
```
#c47366
```
#c47366 rgb(196,115,102)
```
#c47b66
```
#c47b66 rgb(196,123,102)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#c48b66
```
#c48b66 rgb(196,139,102)
```
#c49366
```
#c49366 rgb(196,147,102)
```
#c49b66
```
#c49b66 rgb(196,155,102)
```

Similar Colors

Text with hexadecimal color #c48366

This text has a font color of #c48366.

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

#c48366 background color

This paragraph has a background color of #c48366.

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

#c48366 border color

This element has a border color of #c48366.

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

CSS codes

.text {color:#c48366;}

.background {background-color:#c48366;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110a07
```
#110a07 rgb(17,10,7)
```
#1f120c
```
#1f120c rgb(31,18,12)
```
#2d1a11
```
#2d1a11 rgb(45,26,17)
```
#3b2217
```
#3b2217 rgb(59,34,23)
```
#4a2a1c
```
#4a2a1c rgb(74,42,28)
```
#583222
```
#583222 rgb(88,50,34)
```
#663b27
```
#663b27 rgb(102,59,39)
```
#74432d
```
#74432d rgb(116,67,45)
```
#824b32
```
#824b32 rgb(130,75,50)
```
#905338
```
#905338 rgb(144,83,56)
```
#9e5b3d
```
#9e5b3d rgb(158,91,61)
```
#ad6343
```
#ad6343 rgb(173,99,67)
```

Shade Color Variation

#b96c4a
```
#b96c4a rgb(185,108,74)
```
#bf7858
```
#bf7858 rgb(191,120,88)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#c98e74
```
#c98e74 rgb(201,142,116)
```
#cf9a82
```
#cf9a82 rgb(207,154,130)
```
#d4a590
```
#d4a590 rgb(212,165,144)
```
#dab19f
```
#dab19f rgb(218,177,159)
```
#dfbcad
```
#dfbcad rgb(223,188,173)
```
#e5c8bb
```
#e5c8bb rgb(229,200,187)
```
#ead3c9
```
#ead3c9 rgb(234,211,201)
```
#f0dfd7
```
#f0dfd7 rgb(240,223,215)
```
#f5eae5
```
#f5eae5 rgb(245,234,229)
```
#fbf6f4
```
#fbf6f4 rgb(251,246,244)
```

Tint Color Variation

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

#9b938f
```
#9b938f rgb(155,147,143)
```
#a38f87
```
#a38f87 rgb(163,143,135)
```
#ac8c7e
```
#ac8c7e rgb(172,140,126)
```
#b48976
```
#b48976 rgb(180,137,118)
```
#bc866e
```
#bc866e rgb(188,134,110)
```
#c48366
```
#c48366 rgb(196,131,102)
```
#cc805e
```
#cc805e rgb(204,128,94)
```
#d47d56
```
#d47d56 rgb(212,125,86)
```
#dc7a4e
```
#dc7a4e rgb(220,122,78)
```
#e57745
```
#e57745 rgb(229,119,69)
```
#ed733d
```
#ed733d rgb(237,115,61)
```
#f57035
```
#f57035 rgb(245,112,53)
```
#fd6d2d
```
#fd6d2d rgb(253,109,45)
```

Tone Color Variation

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

Dichromacy

#a29773 Protanopia 1% of men
#b4926b Deuteranopia 1% of men
#ca858e Tritanopia 0.001% of the population

Trichromacy

#ae906e Protanomaly 1% of men, 0.01% of women
#ba8c69 Deuteranomaly 6% of men, 0.4% of women
#c7847f Tritanomaly 0.01% of the population

#c48366 hex color

#c48366 Color Information

#c48366 Color Conversion

Color Schemes with #c48366

Alternatives to #c48366

#c48366 Preview

Shades and Tints of #c48366

Tones of #c48366

Color Blindness Simulator