#c18222 hex color

In a RGB color space, hex #c18222 is composed of 75.7% red, 51% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.6% magenta, 82.4% yellow and 24.3% black. It has a hue angle of 36.2 degrees, a saturation of 70% and a lightness of 44.5%. #c18222 color hex could be obtained by blending #ffff44 with #830500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 76
- G 51
- B 13
RGB color chart
- C 0
- M 33
- Y 82
- K 24
CMYK color chart

● #c18222 color description : Strong orange.

The hexadecimal color #c18222 has RGB values of R:193, G:130, B:34 and CMYK values of C:0, M:0.33, Y:0.82, K:0.24. Its decimal value is 12681762.

Hex triplet	c18222	`#c18222`
RGB Decimal	193, 130, 34	`rgb(193,130,34)`
RGB Percent	75.7, 51, 13.3	`rgb(75.7%,51%,13.3%)`
CMYK	0, 33, 82, 24
HSL	36.2°, 70, 44.5	`hsl(36.2,70%,44.5%)`
HSV (or HSB)	36.2°, 82.4, 75.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.361, 16.597, 57.315
XYZ	30.264, 27.42, 5.212
xyY	0.481, 0.436, 27.42
CIE-LCH	59.361, 59.67, 73.851
CIE-LUV	59.361, 51.656, 55.12
Hunter-Lab	52.364, 11.528, 30.754
Binary	11000001, 10000010, 00100010

#c18222
```
#c18222 rgb(193,130,34)
```
#2261c1
```
#2261c1 rgb(34,97,193)
```

Complementary Color

#c13322
```
#c13322 rgb(193,51,34)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#b1c122
```
#b1c122 rgb(177,193,34)
```

Analogous Color

#3322c1
```
#3322c1 rgb(51,34,193)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#22b1c1
```
#22b1c1 rgb(34,177,193)
```

Split Complementary Color

#8222c1
```
#8222c1 rgb(130,34,193)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#22c182
```
#22c182 rgb(34,193,130)
```

Triadic Color

#c12261
```
#c12261 rgb(193,34,97)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#22c182
```
#22c182 rgb(34,193,130)
```
#2261c1
```
#2261c1 rgb(34,97,193)
```

Tetradic Color

#805617
```
#805617 rgb(128,86,23)
```
#96651a
```
#96651a rgb(150,101,26)
```
#ab731e
```
#ab731e rgb(171,115,30)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#d79126
```
#d79126 rgb(215,145,38)
```
#dc9c3a
```
#dc9c3a rgb(220,156,58)
```
#e0a74f
```
#e0a74f rgb(224,167,79)
```

Monochromatic Color

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

#c15a22
```
#c15a22 rgb(193,90,34)
```
#c16822
```
#c16822 rgb(193,104,34)
```
#c17522
```
#c17522 rgb(193,117,34)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#c18f22
```
#c18f22 rgb(193,143,34)
```
#c19d22
```
#c19d22 rgb(193,157,34)
```
#c1aa22
```
#c1aa22 rgb(193,170,34)
```

Similar Colors

Text with hexadecimal color #c18222

This text has a font color of #c18222.

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

#c18222 background color

This paragraph has a background color of #c18222.

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

#c18222 border color

This element has a border color of #c18222.

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

CSS codes

.text {color:#c18222;}

.background {background-color:#c18222;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1a1205
```
#1a1205 rgb(26,18,5)
```
#2b1d08
```
#2b1d08 rgb(43,29,8)
```
#3c280a
```
#3c280a rgb(60,40,10)
```
#4c330d
```
#4c330d rgb(76,51,13)
```
#5d3f10
```
#5d3f10 rgb(93,63,16)
```
#6e4a13
```
#6e4a13 rgb(110,74,19)
```
#7e5516
```
#7e5516 rgb(126,85,22)
```
#8f6019
```
#8f6019 rgb(143,96,25)
```
#a06c1c
```
#a06c1c rgb(160,108,28)
```
#b0771f
```
#b0771f rgb(176,119,31)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#d28d25
```
#d28d25 rgb(210,141,37)
```

Shade Color Variation

#da9730
```
#da9730 rgb(218,151,48)
```
#dd9f40
```
#dd9f40 rgb(221,159,64)
```
#e0a851
```
#e0a851 rgb(224,168,81)
```
#e3b062
```
#e3b062 rgb(227,176,98)
```
#e6b872
```
#e6b872 rgb(230,184,114)
```
#e9c183
```
#e9c183 rgb(233,193,131)
```
#ecc994
```
#ecc994 rgb(236,201,148)
```
#efd2a4
```
#efd2a4 rgb(239,210,164)
```
#f2dab5
```
#f2dab5 rgb(242,218,181)
```
#f5e2c6
```
#f5e2c6 rgb(245,226,198)
```
#f8ebd7
```
#f8ebd7 rgb(248,235,215)
```
#fbf3e7
```
#fbf3e7 rgb(251,243,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#727271
```
#727271 rgb(114,114,113)
```
#7b7468
```
#7b7468 rgb(123,116,104)
```
#84755f
```
#84755f rgb(132,117,95)
```
#8d7756
```
#8d7756 rgb(141,119,86)
```
#95794e
```
#95794e rgb(149,121,78)
```
#9e7b45
```
#9e7b45 rgb(158,123,69)
```
#a77d3c
```
#a77d3c rgb(167,125,60)
```
#b07e33
```
#b07e33 rgb(176,126,51)
```
#b8802b
```
#b8802b rgb(184,128,43)
```
#c18222
```
#c18222 rgb(193,130,34)
```
#ca8419
```
#ca8419 rgb(202,132,25)
```
#d28611
```
#d28611 rgb(210,134,17)
```
#db8708
```
#db8708 rgb(219,135,8)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#958875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59530 Protanopia 1% of men
#b98d2a Deuteranopia 1% of men
#c98088 Tritanopia 0.001% of the population

Trichromacy

#af8e2b Protanomaly 1% of men, 0.01% of women
#bb8927 Deuteranomaly 6% of men, 0.4% of women
#c68063 Tritanomaly 0.01% of the population

#c18222 hex color

#c18222 Color Information

#c18222 Color Conversion

Color Schemes with #c18222

Alternatives to #c18222

#c18222 Preview

Shades and Tints of #c18222

Tones of #c18222

Color Blindness Simulator