#c48522 hex color

In a RGB color space, hex #c48522 is composed of 76.9% red, 52.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.1% magenta, 82.7% yellow and 23.1% black. It has a hue angle of 36.7 degrees, a saturation of 70.4% and a lightness of 45.1%. #c48522 color hex could be obtained by blending #ffff44 with #890b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 77
- G 52
- B 13
RGB color chart
- C 0
- M 32
- Y 83
- K 23
CMYK color chart

● #c48522 color description : Strong orange.

The hexadecimal color #c48522 has RGB values of R:196, G:133, B:34 and CMYK values of C:0, M:0.32, Y:0.83, K:0.23. Its decimal value is 12879138.

Hex triplet	c48522	`#c48522`
RGB Decimal	196, 133, 34	`rgb(196,133,34)`
RGB Percent	76.9, 52.2, 13.3	`rgb(76.9%,52.2%,13.3%)`
CMYK	0, 32, 83, 23
HSL	36.7°, 70.4, 45.1	`hsl(36.7,70.4%,45.1%)`
HSV (or HSB)	36.7°, 82.7, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.452, 16.266, 58.41
XYZ	31.442, 28.628, 5.383
xyY	0.48, 0.437, 28.628
CIE-LCH	60.452, 60.632, 74.438
CIE-LUV	60.452, 51.723, 56.428
Hunter-Lab	53.506, 11.259, 31.489
Binary	11000100, 10000101, 00100010

#c48522
```
#c48522 rgb(196,133,34)
```
#2261c4
```
#2261c4 rgb(34,97,196)
```

Complementary Color

#c43422
```
#c43422 rgb(196,52,34)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#b2c422
```
#b2c422 rgb(178,196,34)
```

Analogous Color

#3422c4
```
#3422c4 rgb(52,34,196)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#22b2c4
```
#22b2c4 rgb(34,178,196)
```

Split Complementary Color

#8522c4
```
#8522c4 rgb(133,34,196)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#22c485
```
#22c485 rgb(34,196,133)
```

Triadic Color

#c42261
```
#c42261 rgb(196,34,97)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#22c485
```
#22c485 rgb(34,196,133)
```
#2261c4
```
#2261c4 rgb(34,97,196)
```

Tetradic Color

#835917
```
#835917 rgb(131,89,23)
```
#99681a
```
#99681a rgb(153,104,26)
```
#ae761e
```
#ae761e rgb(174,118,30)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#d99426
```
#d99426 rgb(217,148,38)
```
#dd9e3c
```
#dd9e3c rgb(221,158,60)
```
#e1a952
```
#e1a952 rgb(225,169,82)
```

Monochromatic Color

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

#c45c22
```
#c45c22 rgb(196,92,34)
```
#c46a22
```
#c46a22 rgb(196,106,34)
```
#c47822
```
#c47822 rgb(196,120,34)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#c49322
```
#c49322 rgb(196,147,34)
```
#c4a022
```
#c4a022 rgb(196,160,34)
```
#c4ae22
```
#c4ae22 rgb(196,174,34)
```

Similar Colors

Text with hexadecimal color #c48522

This text has a font color of #c48522.

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

#c48522 background color

This paragraph has a background color of #c48522.

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

#c48522 border color

This element has a border color of #c48522.

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

CSS codes

.text {color:#c48522;}

.background {background-color:#c48522;}

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

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

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1d1405
```
#1d1405 rgb(29,20,5)
```
#2e1f08
```
#2e1f08 rgb(46,31,8)
```
#3e2a0b
```
#3e2a0b rgb(62,42,11)
```
#4f360e
```
#4f360e rgb(79,54,14)
```
#604111
```
#604111 rgb(96,65,17)
```
#704c14
```
#704c14 rgb(112,76,20)
```
#815816
```
#815816 rgb(129,88,22)
```
#926319
```
#926319 rgb(146,99,25)
```
#a36e1c
```
#a36e1c rgb(163,110,28)
```
#b37a1f
```
#b37a1f rgb(179,122,31)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#d59025
```
#d59025 rgb(213,144,37)
```

Shade Color Variation

#db9932
```
#db9932 rgb(219,153,50)
```
#dea243
```
#dea243 rgb(222,162,67)
```
#e1aa53
```
#e1aa53 rgb(225,170,83)
```
#e4b264
```
#e4b264 rgb(228,178,100)
```
#e7bb75
```
#e7bb75 rgb(231,187,117)
```
#eac385
```
#eac385 rgb(234,195,133)
```
#edcb96
```
#edcb96 rgb(237,203,150)
```
#f0d3a7
```
#f0d3a7 rgb(240,211,167)
```
#f3dcb8
```
#f3dcb8 rgb(243,220,184)
```
#f6e4c8
```
#f6e4c8 rgb(246,228,200)
```
#f8ecd9
```
#f8ecd9 rgb(248,236,217)
```
#fbf4ea
```
#fbf4ea rgb(251,244,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#747372
```
#747372 rgb(116,115,114)
```
#7d7569
```
#7d7569 rgb(125,117,105)
```
#867760
```
#867760 rgb(134,119,96)
```
#8f7957
```
#8f7957 rgb(143,121,87)
```
#987b4e
```
#987b4e rgb(152,123,78)
```
#a17d45
```
#a17d45 rgb(161,125,69)
```
#a97f3d
```
#a97f3d rgb(169,127,61)
```
#b28134
```
#b28134 rgb(178,129,52)
```
#bb832b
```
#bb832b rgb(187,131,43)
```
#c48522
```
#c48522 rgb(196,133,34)
```
#cd8719
```
#cd8719 rgb(205,135,25)
```
#d68910
```
#d68910 rgb(214,137,16)
```
#df8b07
```
#df8b07 rgb(223,139,7)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#988b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99730 Protanopia 1% of men
#bc902a Deuteranopia 1% of men
#cc828b Tritanopia 0.001% of the population

Trichromacy

#b2902b Protanomaly 1% of men, 0.01% of women
#bf8c27 Deuteranomaly 6% of men, 0.4% of women
#c98365 Tritanomaly 0.01% of the population

#c48522 hex color

#c48522 Color Information

#c48522 Color Conversion

Color Schemes with #c48522

Alternatives to #c48522

#c48522 Preview

Shades and Tints of #c48522

Tones of #c48522

Color Blindness Simulator