#c48224 hex color

In a RGB color space, hex #c48224 is composed of 76.9% red, 51% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.7% magenta, 81.6% yellow and 23.1% black. It has a hue angle of 35.3 degrees, a saturation of 69% and a lightness of 45.5%. #c48224 color hex could be obtained by blending #ffff48 with #890500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 51
- B 14
RGB color chart
- C 0
- M 34
- Y 82
- K 23
CMYK color chart

● #c48224 color description : Strong orange.

The hexadecimal color #c48224 has RGB values of R:196, G:130, B:36 and CMYK values of C:0, M:0.34, Y:0.82, K:0.23. Its decimal value is 12878372.

Hex triplet	c48224	`#c48224`
RGB Decimal	196, 130, 36	`rgb(196,130,36)`
RGB Percent	76.9, 51, 14.1	`rgb(76.9%,51%,14.1%)`
CMYK	0, 34, 82, 23
HSL	35.3°, 69, 45.5	`hsl(35.3,69%,45.5%)`
HSV (or HSB)	35.3°, 81.6, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.735, 17.975, 57.076
XYZ	31.067, 27.831, 5.405
xyY	0.483, 0.433, 27.831
CIE-LCH	59.735, 59.84, 72.519
CIE-LUV	59.735, 54.011, 54.842
Hunter-Lab	52.755, 12.797, 30.854
Binary	11000100, 10000010, 00100100

#c48224
```
#c48224 rgb(196,130,36)
```
#2466c4
```
#2466c4 rgb(36,102,196)
```

Complementary Color

#c43224
```
#c43224 rgb(196,50,36)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#b6c424
```
#b6c424 rgb(182,196,36)
```

Analogous Color

#3224c4
```
#3224c4 rgb(50,36,196)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#24b6c4
```
#24b6c4 rgb(36,182,196)
```

Split Complementary Color

#8224c4
```
#8224c4 rgb(130,36,196)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#24c482
```
#24c482 rgb(36,196,130)
```

Triadic Color

#c42466
```
#c42466 rgb(196,36,102)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#24c482
```
#24c482 rgb(36,196,130)
```
#2466c4
```
#2466c4 rgb(36,102,196)
```

Tetradic Color

#835718
```
#835718 rgb(131,87,24)
```
#99651c
```
#99651c rgb(153,101,28)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#d8902a
```
#d8902a rgb(216,144,42)
```
#dc9b3f
```
#dc9b3f rgb(220,155,63)
```
#e0a655
```
#e0a655 rgb(224,166,85)
```

Monochromatic Color

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

#c45a24
```
#c45a24 rgb(196,90,36)
```
#c46724
```
#c46724 rgb(196,103,36)
```
#c47524
```
#c47524 rgb(196,117,36)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#c48f24
```
#c48f24 rgb(196,143,36)
```
#c49d24
```
#c49d24 rgb(196,157,36)
```
#c4aa24
```
#c4aa24 rgb(196,170,36)
```

Similar Colors

Text with hexadecimal color #c48224

This text has a font color of #c48224.

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

#c48224 background color

This paragraph has a background color of #c48224.

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

#c48224 border color

This element has a border color of #c48224.

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

CSS codes

.text {color:#c48224;}

.background {background-color:#c48224;}

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

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

#0e0903
```
#0e0903 rgb(14,9,3)
```
#1e1406
```
#1e1406 rgb(30,20,6)
```
#2f1f09
```
#2f1f09 rgb(47,31,9)
```
#3f2a0c
```
#3f2a0c rgb(63,42,12)
```
#50350f
```
#50350f rgb(80,53,15)
```
#614012
```
#614012 rgb(97,64,18)
```
#714b15
```
#714b15 rgb(113,75,21)
```
#825618
```
#825618 rgb(130,86,24)
```
#92611b
```
#92611b rgb(146,97,27)
```
#a36c1e
```
#a36c1e rgb(163,108,30)
```
#b37721
```
#b37721 rgb(179,119,33)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#d58d27
```
#d58d27 rgb(213,141,39)
```

Shade Color Variation

#da9635
```
#da9635 rgb(218,150,53)
```
#dd9f46
```
#dd9f46 rgb(221,159,70)
```
#e0a756
```
#e0a756 rgb(224,167,86)
```
#e3b067
```
#e3b067 rgb(227,176,103)
```
#e6b978
```
#e6b978 rgb(230,185,120)
```
#e9c188
```
#e9c188 rgb(233,193,136)
```
#ecca99
```
#ecca99 rgb(236,202,153)
```
#efd2a9
```
#efd2a9 rgb(239,210,169)
```
#f2dbba
```
#f2dbba rgb(242,219,186)
```
#f5e4ca
```
#f5e4ca rgb(245,228,202)
```
#f8ecdb
```
#f8ecdb rgb(248,236,219)
```
#fbf5ec
```
#fbf5ec rgb(251,245,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7d766b
```
#7d766b rgb(125,118,107)
```
#867762
```
#867762 rgb(134,119,98)
```
#8e795a
```
#8e795a rgb(142,121,90)
```
#977a51
```
#977a51 rgb(151,122,81)
```
#a07c48
```
#a07c48 rgb(160,124,72)
```
#a97d3f
```
#a97d3f rgb(169,125,63)
```
#b27f36
```
#b27f36 rgb(178,127,54)
```
#bb802d
```
#bb802d rgb(187,128,45)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#cd841b
```
#cd841b rgb(205,132,27)
```
#d68512
```
#d68512 rgb(214,133,18)
```
#df8709
```
#df8709 rgb(223,135,9)
```
#e88800
```
#e88800 rgb(232,136,0)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#968976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69532 Protanopia 1% of men
#ba8e2c Deuteranopia 1% of men
#cc8088 Tritanopia 0.001% of the population

Trichromacy

#b18e2d Protanomaly 1% of men, 0.01% of women
#bd8a29 Deuteranomaly 6% of men, 0.4% of women
#c98064 Tritanomaly 0.01% of the population

#c48224 hex color

#c48224 Color Information

#c48224 Color Conversion

Color Schemes with #c48224

Alternatives to #c48224

#c48224 Preview

Shades and Tints of #c48224

Tones of #c48224

Color Blindness Simulator