#c48222 hex color

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

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

● #c48222 color description : Strong orange.

The hexadecimal color #c48222 has RGB values of R:196, G:130, B:34 and CMYK values of C:0, M:0.34, Y:0.83, K:0.23. Its decimal value is 12878370.

Hex triplet	c48222	`#c48222`
RGB Decimal	196, 130, 34	`rgb(196,130,34)`
RGB Percent	76.9, 51, 13.3	`rgb(76.9%,51%,13.3%)`
CMYK	0, 34, 83, 23
HSL	35.6°, 70.4, 45.1	`hsl(35.6,70.4%,45.1%)`
HSV (or HSB)	35.6°, 82.7, 76.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.725, 17.912, 57.774
XYZ	31.037, 27.819, 5.248
xyY	0.484, 0.434, 27.819
CIE-LCH	59.725, 60.487, 72.774
CIE-LUV	59.725, 54.106, 55.264
Hunter-Lab	52.743, 12.738, 31.021
Binary	11000100, 10000010, 00100010

#c48222
```
#c48222 rgb(196,130,34)
```
#2264c4
```
#2264c4 rgb(34,100,196)
```

Complementary Color

#c43122
```
#c43122 rgb(196,49,34)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#b5c422
```
#b5c422 rgb(181,196,34)
```

Analogous Color

#3122c4
```
#3122c4 rgb(49,34,196)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#22b5c4
```
#22b5c4 rgb(34,181,196)
```

Split Complementary Color

#8222c4
```
#8222c4 rgb(130,34,196)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#22c482
```
#22c482 rgb(34,196,130)
```

Triadic Color

#c42264
```
#c42264 rgb(196,34,100)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#22c482
```
#22c482 rgb(34,196,130)
```
#2264c4
```
#2264c4 rgb(34,100,196)
```

Tetradic Color

#835717
```
#835717 rgb(131,87,23)
```
#99651a
```
#99651a rgb(153,101,26)
```
#ae741e
```
#ae741e rgb(174,116,30)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#d99026
```
#d99026 rgb(217,144,38)
```
#dd9b3c
```
#dd9b3c rgb(221,155,60)
```
#e1a752
```
#e1a752 rgb(225,167,82)
```

Monochromatic Color

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

#c45a22
```
#c45a22 rgb(196,90,34)
```
#c46722
```
#c46722 rgb(196,103,34)
```
#c47522
```
#c47522 rgb(196,117,34)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#c49022
```
#c49022 rgb(196,144,34)
```
#c49d22
```
#c49d22 rgb(196,157,34)
```
#c4ab22
```
#c4ab22 rgb(196,171,34)
```

Similar Colors

Text with hexadecimal color #c48222

This text has a font color of #c48222.

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

#c48222 background color

This paragraph has a background color of #c48222.

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

#c48222 border color

This element has a border color of #c48222.

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

CSS codes

.text {color:#c48222;}

.background {background-color:#c48222;}

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

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)
```
#1d1305
```
#1d1305 rgb(29,19,5)
```
#2e1e08
```
#2e1e08 rgb(46,30,8)
```
#3e290b
```
#3e290b rgb(62,41,11)
```
#4f340e
```
#4f340e rgb(79,52,14)
```
#603f11
```
#603f11 rgb(96,63,17)
```
#704b14
```
#704b14 rgb(112,75,20)
```
#815616
```
#815616 rgb(129,86,22)
```
#926119
```
#926119 rgb(146,97,25)
```
#a36c1c
```
#a36c1c rgb(163,108,28)
```
#b3771f
```
#b3771f rgb(179,119,31)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#d58d25
```
#d58d25 rgb(213,141,37)
```

Shade Color Variation

#db9632
```
#db9632 rgb(219,150,50)
```
#de9f43
```
#de9f43 rgb(222,159,67)
```
#e1a753
```
#e1a753 rgb(225,167,83)
```
#e4b064
```
#e4b064 rgb(228,176,100)
```
#e7b875
```
#e7b875 rgb(231,184,117)
```
#eac185
```
#eac185 rgb(234,193,133)
```
#edc996
```
#edc996 rgb(237,201,150)
```
#f0d2a7
```
#f0d2a7 rgb(240,210,167)
```
#f3dbb8
```
#f3dbb8 rgb(243,219,184)
```
#f6e3c8
```
#f6e3c8 rgb(246,227,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 #df8707 is the most saturated one.

#747372
```
#747372 rgb(116,115,114)
```
#7d7569
```
#7d7569 rgb(125,117,105)
```
#867760
```
#867760 rgb(134,119,96)
```
#8f7857
```
#8f7857 rgb(143,120,87)
```
#987a4e
```
#987a4e rgb(152,122,78)
```
#a17b45
```
#a17b45 rgb(161,123,69)
```
#a97d3d
```
#a97d3d rgb(169,125,61)
```
#b27f34
```
#b27f34 rgb(178,127,52)
```
#bb802b
```
#bb802b rgb(187,128,43)
```
#c48222
```
#c48222 rgb(196,130,34)
```
#cd8419
```
#cd8419 rgb(205,132,25)
```
#d68510
```
#d68510 rgb(214,133,16)
```
#df8707
```
#df8707 rgb(223,135,7)
```

Tone Color Variation

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

#a69530 Protanopia 1% of men
#ba8e2a Deuteranopia 1% of men
#cc8088 Tritanopia 0.001% of the population

Trichromacy

#b18e2b Protanomaly 1% of men, 0.01% of women
#bd8927 Deuteranomaly 6% of men, 0.4% of women
#c98063 Tritanomaly 0.01% of the population

#c48222 hex color

#c48222 Color Information

#c48222 Color Conversion

Color Schemes with #c48222

Alternatives to #c48222

#c48222 Preview

Shades and Tints of #c48222

Tones of #c48222

Color Blindness Simulator