#c48345 hex color

In a RGB color space, hex #c48345 is composed of 76.9% red, 51.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 64.8% yellow and 23.1% black. It has a hue angle of 29.3 degrees, a saturation of 51.8% and a lightness of 52%. #c48345 color hex could be obtained by blending #ffff8a with #890700. Closest websafe color is: #cc9933.

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

● #c48345 color description : Moderate orange.

The hexadecimal color #c48345 has RGB values of R:196, G:131, B:69 and CMYK values of C:0, M:0.33, Y:0.65, K:0.23. Its decimal value is 12878661.

Hex triplet	c48345	`#c48345`
RGB Decimal	196, 131, 69	`rgb(196,131,69)`
RGB Percent	76.9, 51.4, 27.1	`rgb(76.9%,51.4%,27.1%)`
CMYK	0, 33, 65, 23
HSL	29.3°, 51.8, 52	`hsl(29.3,51.8%,52%)`
HSV (or HSB)	29.3°, 64.8, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.248, 19.019, 42.98
XYZ	31.956, 28.4, 9.429
xyY	0.458, 0.407, 28.4
CIE-LCH	60.248, 47, 66.13
CIE-LUV	60.248, 50.942, 44.901
Hunter-Lab	53.292, 13.776, 26.814
Binary	11000100, 10000011, 01000101

#c48345
```
#c48345 rgb(196,131,69)
```
#4586c4
```
#4586c4 rgb(69,134,196)
```

Complementary Color

#c44547
```
#c44547 rgb(196,69,71)
```
#c48345
```
#c48345 rgb(196,131,69)
```
#c4c345
```
#c4c345 rgb(196,195,69)
```

Analogous Color

#4547c4
```
#4547c4 rgb(69,71,196)
```
#c48345
```
#c48345 rgb(196,131,69)
```
#45c4c3
```
#45c4c3 rgb(69,196,195)
```

Split Complementary Color

#8345c4
```
#8345c4 rgb(131,69,196)
```
#c48345
```
#c48345 rgb(196,131,69)
```
#45c483
```
#45c483 rgb(69,196,131)
```

Triadic Color

#c44586
```
#c44586 rgb(196,69,134)
```
#c48345
```
#c48345 rgb(196,131,69)
```
#45c483
```
#45c483 rgb(69,196,131)
```
#4586c4
```
#4586c4 rgb(69,134,196)
```

Tetradic Color

#8f5d2d
```
#8f5d2d rgb(143,93,45)
```
#a26a34
```
#a26a34 rgb(162,106,52)
```
#b6763a
```
#b6763a rgb(182,118,58)
```
#c48345
```
#c48345 rgb(196,131,69)
```
#ca9058
```
#ca9058 rgb(202,144,88)
```
#d09d6c
```
#d09d6c rgb(208,157,108)
```
#d6aa7f
```
#d6aa7f rgb(214,170,127)
```

Monochromatic Color

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

#c46345
```
#c46345 rgb(196,99,69)
```
#c46e45
```
#c46e45 rgb(196,110,69)
```
#c47845
```
#c47845 rgb(196,120,69)
```
#c48345
```
#c48345 rgb(196,131,69)
```
#c48e45
```
#c48e45 rgb(196,142,69)
```
#c49845
```
#c49845 rgb(196,152,69)
```
#c4a345
```
#c4a345 rgb(196,163,69)
```

Similar Colors

Text with hexadecimal color #c48345

This text has a font color of #c48345.

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

#c48345 background color

This paragraph has a background color of #c48345.

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

#c48345 border color

This element has a border color of #c48345.

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

CSS codes

.text {color:#c48345;}

.background {background-color:#c48345;}

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

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

#080502
```
#080502 rgb(8,5,2)
```
#160f07
```
#160f07 rgb(22,15,7)
```
#25180c
```
#25180c rgb(37,24,12)
```
#342211
```
#342211 rgb(52,34,17)
```
#432c15
```
#432c15 rgb(67,44,21)
```
#52351a
```
#52351a rgb(82,53,26)
```
#613f1f
```
#613f1f rgb(97,63,31)
```
#704923
```
#704923 rgb(112,73,35)
```
#7f5228
```
#7f5228 rgb(127,82,40)
```
#8e5c2d
```
#8e5c2d rgb(142,92,45)
```
#9d6632
```
#9d6632 rgb(157,102,50)
```
#ab7036
```
#ab7036 rgb(171,112,54)
```
#ba793b
```
#ba793b rgb(186,121,59)
```

Shade Color Variation

#c48345
```
#c48345 rgb(196,131,69)
```
#c98d54
```
#c98d54 rgb(201,141,84)
```
#cd9763
```
#cd9763 rgb(205,151,99)
```
#d2a172
```
#d2a172 rgb(210,161,114)
```
#d7ab81
```
#d7ab81 rgb(215,171,129)
```
#dcb58f
```
#dcb58f rgb(220,181,143)
```
#e0bf9e
```
#e0bf9e rgb(224,191,158)
```
#e5c8ad
```
#e5c8ad rgb(229,200,173)
```
#ead2bc
```
#ead2bc rgb(234,210,188)
```
#efdccb
```
#efdccb rgb(239,220,203)
```
#f3e6da
```
#f3e6da rgb(243,230,218)
```
#f8f0e9
```
#f8f0e9 rgb(248,240,233)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#8b847e
```
#8b847e rgb(139,132,126)
```
#958474
```
#958474 rgb(149,132,116)
```
#9e846b
```
#9e846b rgb(158,132,107)
```
#a88461
```
#a88461 rgb(168,132,97)
```
#b18358
```
#b18358 rgb(177,131,88)
```
#bb834e
```
#bb834e rgb(187,131,78)
```
#c48345
```
#c48345 rgb(196,131,69)
```
#cd833c
```
#cd833c rgb(205,131,60)
```
#d78332
```
#d78332 rgb(215,131,50)
```
#e08229
```
#e08229 rgb(224,130,41)
```
#ea821f
```
#ea821f rgb(234,130,31)
```
#f38216
```
#f38216 rgb(243,130,22)
```
#fd820c
```
#fd820c rgb(253,130,12)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9a8d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59752 Protanopia 1% of men
#b8904c Deuteranopia 1% of men
#cb828b Tritanopia 0.001% of the population

Trichromacy

#b08f4d Protanomaly 1% of men, 0.01% of women
#bc8b49 Deuteranomaly 6% of men, 0.4% of women
#c88271 Tritanomaly 0.01% of the population

#c48345 hex color

#c48345 Color Information

#c48345 Color Conversion

Color Schemes with #c48345

Alternatives to #c48345

#c48345 Preview

Shades and Tints of #c48345

Tones of #c48345

Color Blindness Simulator