#c18a33 hex color

In a RGB color space, hex #c18a33 is composed of 75.7% red, 54.1% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.5% magenta, 73.6% yellow and 24.3% black. It has a hue angle of 36.8 degrees, a saturation of 58.2% and a lightness of 47.8%. #c18a33 color hex could be obtained by blending #ffff66 with #831500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 76
- G 54
- B 20
RGB color chart
- C 0
- M 28
- Y 74
- K 24
CMYK color chart

● #c18a33 color description : Moderate orange.

The hexadecimal color #c18a33 has RGB values of R:193, G:138, B:51 and CMYK values of C:0, M:0.28, Y:0.74, K:0.24. Its decimal value is 12683827.

Hex triplet	c18a33	`#c18a33`
RGB Decimal	193, 138, 51	`rgb(193,138,51)`
RGB Percent	75.7, 54.1, 20	`rgb(75.7%,54.1%,20%)`
CMYK	0, 28, 74, 24
HSL	36.8°, 58.2, 47.8	`hsl(36.8,58.2%,47.8%)`
HSV (or HSB)	36.8°, 73.6, 75.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.443, 12.864, 52.62
XYZ	31.679, 29.755, 7.207
xyY	0.462, 0.433, 29.755
CIE-LCH	61.443, 54.17, 76.262
CIE-LUV	61.443, 44.555, 54.041
Hunter-Lab	54.548, 8.204, 30.351
Binary	11000001, 10001010, 00110011

#c18a33
```
#c18a33 rgb(193,138,51)
```
#336ac1
```
#336ac1 rgb(51,106,193)
```

Complementary Color

#c14333
```
#c14333 rgb(193,67,51)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```
#b1c133
```
#b1c133 rgb(177,193,51)
```

Analogous Color

#4333c1
```
#4333c1 rgb(67,51,193)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```
#33b1c1
```
#33b1c1 rgb(51,177,193)
```

Split Complementary Color

#8a33c1
```
#8a33c1 rgb(138,51,193)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```
#33c18a
```
#33c18a rgb(51,193,138)
```

Triadic Color

#c1336a
```
#c1336a rgb(193,51,106)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```
#33c18a
```
#33c18a rgb(51,193,138)
```
#336ac1
```
#336ac1 rgb(51,106,193)
```

Tetradic Color

#845f23
```
#845f23 rgb(132,95,35)
```
#996d28
```
#996d28 rgb(153,109,40)
```
#ad7c2e
```
#ad7c2e rgb(173,124,46)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```
#cd9741
```
#cd9741 rgb(205,151,65)
```
#d2a255
```
#d2a255 rgb(210,162,85)
```
#d7ad69
```
#d7ad69 rgb(215,173,105)
```

Monochromatic Color

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

#c16733
```
#c16733 rgb(193,103,51)
```
#c17233
```
#c17233 rgb(193,114,51)
```
#c17e33
```
#c17e33 rgb(193,126,51)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```
#c19633
```
#c19633 rgb(193,150,51)
```
#c1a233
```
#c1a233 rgb(193,162,51)
```
#c1ae33
```
#c1ae33 rgb(193,174,51)
```

Similar Colors

Text with hexadecimal color #c18a33

This text has a font color of #c18a33.

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

#c18a33 background color

This paragraph has a background color of #c18a33.

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

#c18a33 border color

This element has a border color of #c18a33.

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

CSS codes

.text {color:#c18a33;}

.background {background-color:#c18a33;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#161006
```
#161006 rgb(22,16,6)
```
#261b0a
```
#261b0a rgb(38,27,10)
```
#35260e
```
#35260e rgb(53,38,14)
```
#453112
```
#453112 rgb(69,49,18)
```
#543c16
```
#543c16 rgb(84,60,22)
```
#64471a
```
#64471a rgb(100,71,26)
```
#73531f
```
#73531f rgb(115,83,31)
```
#835e23
```
#835e23 rgb(131,94,35)
```
#926927
```
#926927 rgb(146,105,39)
```
#a2742b
```
#a2742b rgb(162,116,43)
```
#b17f2f
```
#b17f2f rgb(177,127,47)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```

Shade Color Variation

#cc943c
```
#cc943c rgb(204,148,60)
```
#d09c4c
```
#d09c4c rgb(208,156,76)
```
#d4a55b
```
#d4a55b rgb(212,165,91)
```
#d8ae6b
```
#d8ae6b rgb(216,174,107)
```
#dcb67a
```
#dcb67a rgb(220,182,122)
```
#e0bf8a
```
#e0bf8a rgb(224,191,138)
```
#e4c799
```
#e4c799 rgb(228,199,153)
```
#e8d0a9
```
#e8d0a9 rgb(232,208,169)
```
#ecd8b8
```
#ecd8b8 rgb(236,216,184)
```
#f0e1c8
```
#f0e1c8 rgb(240,225,200)
```
#f5e9d7
```
#f5e9d7 rgb(245,233,215)
```
#f9f2e7
```
#f9f2e7 rgb(249,242,231)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#7f7b75
```
#7f7b75 rgb(127,123,117)
```
#897d6b
```
#897d6b rgb(137,125,107)
```
#927f62
```
#927f62 rgb(146,127,98)
```
#9b8259
```
#9b8259 rgb(155,130,89)
```
#a5844f
```
#a5844f rgb(165,132,79)
```
#ae8646
```
#ae8646 rgb(174,134,70)
```
#b8883c
```
#b8883c rgb(184,136,60)
```
#c18a33
```
#c18a33 rgb(193,138,51)
```
#ca8c2a
```
#ca8c2a rgb(202,140,42)
```
#d48e20
```
#d48e20 rgb(212,142,32)
```
#dd9017
```
#dd9017 rgb(221,144,23)
```
#e7920d
```
#e7920d rgb(231,146,13)
```
#f09504
```
#f09504 rgb(240,149,4)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#9b907e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9a40 Protanopia 1% of men
#be923c Deuteranopia 1% of men
#ca8790 Tritanopia 0.001% of the population

Trichromacy

#b2943b Protanomaly 1% of men, 0.01% of women
#bf8f39 Deuteranomaly 6% of men, 0.4% of women
#c6886e Tritanomaly 0.01% of the population

#c18a33 hex color

#c18a33 Color Information

#c18a33 Color Conversion

Color Schemes with #c18a33

Alternatives to #c18a33

#c18a33 Preview

Shades and Tints of #c18a33

Tones of #c18a33

Color Blindness Simulator