#c18345 hex color

In a RGB color space, hex #c18345 is composed of 75.7% red, 51.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.1% magenta, 64.2% yellow and 24.3% black. It has a hue angle of 30 degrees, a saturation of 50% and a lightness of 51.4%. #c18345 color hex could be obtained by blending #ffff8a with #830700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 76
- G 51
- B 27
RGB color chart
- C 0
- M 32
- Y 64
- K 24
CMYK color chart

● #c18345 color description : Moderate orange.

The hexadecimal color #c18345 has RGB values of R:193, G:131, B:69 and CMYK values of C:0, M:0.32, Y:0.64, K:0.24. Its decimal value is 12682053.

Hex triplet	c18345	`#c18345`
RGB Decimal	193, 131, 69	`rgb(193,131,69)`
RGB Percent	75.7, 51.4, 27.1	`rgb(75.7%,51.4%,27.1%)`
CMYK	0, 32, 64, 24
HSL	30°, 50, 51.4	`hsl(30,50%,51.4%)`
HSV (or HSB)	30°, 64.2, 75.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.89, 17.738, 42.476
XYZ	31.183, 28.002, 9.392
xyY	0.455, 0.408, 28.002
CIE-LCH	59.89, 46.031, 67.334
CIE-LUV	59.89, 48.548, 44.665
Hunter-Lab	52.917, 12.585, 26.518
Binary	11000001, 10000011, 01000101

#c18345
```
#c18345 rgb(193,131,69)
```
#4583c1
```
#4583c1 rgb(69,131,193)
```

Complementary Color

#c14545
```
#c14545 rgb(193,69,69)
```
#c18345
```
#c18345 rgb(193,131,69)
```
#c1c145
```
#c1c145 rgb(193,193,69)
```

Analogous Color

#4545c1
```
#4545c1 rgb(69,69,193)
```
#c18345
```
#c18345 rgb(193,131,69)
```
#45c1c1
```
#45c1c1 rgb(69,193,193)
```

Split Complementary Color

#8345c1
```
#8345c1 rgb(131,69,193)
```
#c18345
```
#c18345 rgb(193,131,69)
```
#45c183
```
#45c183 rgb(69,193,131)
```

Triadic Color

#c14583
```
#c14583 rgb(193,69,131)
```
#c18345
```
#c18345 rgb(193,131,69)
```
#45c183
```
#45c183 rgb(69,193,131)
```
#4583c1
```
#4583c1 rgb(69,131,193)
```

Tetradic Color

#8b5d2e
```
#8b5d2e rgb(139,93,46)
```
#9e6a35
```
#9e6a35 rgb(158,106,53)
```
#b1763b
```
#b1763b rgb(177,118,59)
```
#c18345
```
#c18345 rgb(193,131,69)
```
#c79058
```
#c79058 rgb(199,144,88)
```
#ce9d6b
```
#ce9d6b rgb(206,157,107)
```
#d4a97e
```
#d4a97e rgb(212,169,126)
```

Monochromatic Color

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

#c16445
```
#c16445 rgb(193,100,69)
```
#c16e45
```
#c16e45 rgb(193,110,69)
```
#c17945
```
#c17945 rgb(193,121,69)
```
#c18345
```
#c18345 rgb(193,131,69)
```
#c18d45
```
#c18d45 rgb(193,141,69)
```
#c19845
```
#c19845 rgb(193,152,69)
```
#c1a245
```
#c1a245 rgb(193,162,69)
```

Similar Colors

Text with hexadecimal color #c18345

This text has a font color of #c18345.

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

#c18345 background color

This paragraph has a background color of #c18345.

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

#c18345 border color

This element has a border color of #c18345.

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

CSS codes

.text {color:#c18345;}

.background {background-color:#c18345;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#140d07
```
#140d07 rgb(20,13,7)
```
#23170c
```
#23170c rgb(35,23,12)
```
#312110
```
#312110 rgb(49,33,16)
```
#402b15
```
#402b15 rgb(64,43,21)
```
#4f351a
```
#4f351a rgb(79,53,26)
```
#5e3e1f
```
#5e3e1f rgb(94,62,31)
```
#6c4824
```
#6c4824 rgb(108,72,36)
```
#7b5229
```
#7b5229 rgb(123,82,41)
```
#8a5c2e
```
#8a5c2e rgb(138,92,46)
```
#986633
```
#986633 rgb(152,102,51)
```
#a76f38
```
#a76f38 rgb(167,111,56)
```
#b6793d
```
#b6793d rgb(182,121,61)
```

Shade Color Variation

#c18345
```
#c18345 rgb(193,131,69)
```
#c68d54
```
#c68d54 rgb(198,141,84)
```
#cb9762
```
#cb9762 rgb(203,151,98)
```
#d0a071
```
#d0a071 rgb(208,160,113)
```
#d5aa80
```
#d5aa80 rgb(213,170,128)
```
#dab48f
```
#dab48f rgb(218,180,143)
```
#debe9d
```
#debe9d rgb(222,190,157)
```
#e3c8ac
```
#e3c8ac rgb(227,200,172)
```
#e8d1bb
```
#e8d1bb rgb(232,209,187)
```
#eddbc9
```
#eddbc9 rgb(237,219,201)
```
#f2e5d8
```
#f2e5d8 rgb(242,229,216)
```
#f7efe7
```
#f7efe7 rgb(247,239,231)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#88837e
```
#88837e rgb(136,131,126)
```
#918375
```
#918375 rgb(145,131,117)
```
#9b836b
```
#9b836b rgb(155,131,107)
```
#a48362
```
#a48362 rgb(164,131,98)
```
#ae8358
```
#ae8358 rgb(174,131,88)
```
#b7834f
```
#b7834f rgb(183,131,79)
```
#c18345
```
#c18345 rgb(193,131,69)
```
#cb833b
```
#cb833b rgb(203,131,59)
```
#d48332
```
#d48332 rgb(212,131,50)
```
#de8328
```
#de8328 rgb(222,131,40)
```
#e7831f
```
#e7831f rgb(231,131,31)
```
#f18315
```
#f18315 rgb(241,131,21)
```
#fa830c
```
#fa830c rgb(250,131,12)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#988c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49652 Protanopia 1% of men
#b78f4c Deuteranopia 1% of men
#c8828b Tritanopia 0.001% of the population

Trichromacy

#af8f4d Protanomaly 1% of men, 0.01% of women
#ba8a49 Deuteranomaly 6% of men, 0.4% of women
#c68271 Tritanomaly 0.01% of the population

#c18345 hex color

#c18345 Color Information

#c18345 Color Conversion

Color Schemes with #c18345

Alternatives to #c18345

#c18345 Preview

Shades and Tints of #c18345

Tones of #c18345

Color Blindness Simulator