#c36a16 hex color

In a RGB color space, hex #c36a16 is composed of 76.5% red, 41.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.6% magenta, 88.7% yellow and 23.5% black. It has a hue angle of 29.1 degrees, a saturation of 79.7% and a lightness of 42.5%. #c36a16 color hex could be obtained by blending #ffd42c with #870000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 76
- G 42
- B 9
RGB color chart
- C 0
- M 46
- Y 89
- K 24
CMYK color chart

● #c36a16 color description : Strong orange.

The hexadecimal color #c36a16 has RGB values of R:195, G:106, B:22 and CMYK values of C:0, M:0.46, Y:0.89, K:0.24. Its decimal value is 12806678.

Hex triplet	c36a16	`#c36a16`
RGB Decimal	195, 106, 22	`rgb(195,106,22)`
RGB Percent	76.5, 41.6, 8.6	`rgb(76.5%,41.6%,8.6%)`
CMYK	0, 46, 89, 24
HSL	29.1°, 79.7, 42.5	`hsl(29.1,79.7%,42.5%)`
HSV (or HSB)	29.1°, 88.7, 76.5
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.996, 30.215, 56.877
XYZ	27.806, 21.971, 3.535
xyY	0.522, 0.412, 21.971
CIE-LCH	53.996, 64.404, 62.021
CIE-LUV	53.996, 73.296, 48.456
Hunter-Lab	46.873, 23.861, 28.339
Binary	11000011, 01101010, 00010110

#c36a16
```
#c36a16 rgb(195,106,22)
```
#166fc3
```
#166fc3 rgb(22,111,195)
```

Complementary Color

#c31619
```
#c31619 rgb(195,22,25)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#c3c116
```
#c3c116 rgb(195,193,22)
```

Analogous Color

#1619c3
```
#1619c3 rgb(22,25,195)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#16c3c1
```
#16c3c1 rgb(22,195,193)
```

Split Complementary Color

#6a16c3
```
#6a16c3 rgb(106,22,195)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#16c36a
```
#16c36a rgb(22,195,106)
```

Triadic Color

#c3166f
```
#c3166f rgb(195,22,111)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#16c36a
```
#16c36a rgb(22,195,106)
```
#166fc3
```
#166fc3 rgb(22,111,195)
```

Tetradic Color

#7e450e
```
#7e450e rgb(126,69,14)
```
#955111
```
#955111 rgb(149,81,17)
```
#ac5e13
```
#ac5e13 rgb(172,94,19)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#da7619
```
#da7619 rgb(218,118,25)
```
#e68326
```
#e68326 rgb(230,131,38)
```
#e9903c
```
#e9903c rgb(233,144,60)
```

Monochromatic Color

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

#c33f16
```
#c33f16 rgb(195,63,22)
```
#c34d16
```
#c34d16 rgb(195,77,22)
```
#c35c16
```
#c35c16 rgb(195,92,22)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#c37816
```
#c37816 rgb(195,120,22)
```
#c38716
```
#c38716 rgb(195,135,22)
```
#c39516
```
#c39516 rgb(195,149,22)
```

Similar Colors

Text with hexadecimal color #c36a16

This text has a font color of #c36a16.

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

#c36a16 background color

This paragraph has a background color of #c36a16.

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

#c36a16 border color

This element has a border color of #c36a16.

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

CSS codes

.text {color:#c36a16;}

.background {background-color:#c36a16;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130a02
```
#130a02 rgb(19,10,2)
```
#241404
```
#241404 rgb(36,20,4)
```
#361d06
```
#361d06 rgb(54,29,6)
```
#482708
```
#482708 rgb(72,39,8)
```
#59310a
```
#59310a rgb(89,49,10)
```
#6b3a0c
```
#6b3a0c rgb(107,58,12)
```
#7c440e
```
#7c440e rgb(124,68,14)
```
#8e4d10
```
#8e4d10 rgb(142,77,16)
```
#a05712
```
#a05712 rgb(160,87,18)
```
#b16014
```
#b16014 rgb(177,96,20)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#d57418
```
#d57418 rgb(213,116,24)
```

Shade Color Variation

#e57d1b
```
#e57d1b rgb(229,125,27)
```
#e7872d
```
#e7872d rgb(231,135,45)
```
#e9913e
```
#e9913e rgb(233,145,62)
```
#eb9b50
```
#eb9b50 rgb(235,155,80)
```
#eda561
```
#eda561 rgb(237,165,97)
```
#efaf73
```
#efaf73 rgb(239,175,115)
```
#f1b985
```
#f1b985 rgb(241,185,133)
```
#f3c396
```
#f3c396 rgb(243,195,150)
```
#f5cda8
```
#f5cda8 rgb(245,205,168)
```
#f7d7ba
```
#f7d7ba rgb(247,215,186)
```
#f9e2cb
```
#f9e2cb rgb(249,226,203)
```
#fbecdd
```
#fbecdd rgb(251,236,221)
```
#fdf6ee
```
#fdf6ee rgb(253,246,238)
```

Tint Color Variation

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

#706c69
```
#706c69 rgb(112,108,105)
```
#786c61
```
#786c61 rgb(120,108,97)
```
#806c59
```
#806c59 rgb(128,108,89)
```
#896c50
```
#896c50 rgb(137,108,80)
```
#916b48
```
#916b48 rgb(145,107,72)
```
#996b40
```
#996b40 rgb(153,107,64)
```
#a26b37
```
#a26b37 rgb(162,107,55)
```
#aa6b2f
```
#aa6b2f rgb(170,107,47)
```
#b26a27
```
#b26a27 rgb(178,106,39)
```
#bb6a1e
```
#bb6a1e rgb(187,106,30)
```
#c36a16
```
#c36a16 rgb(195,106,22)
```
#cb6a0e
```
#cb6a0e rgb(203,106,14)
```
#d46a05
```
#d46a05 rgb(212,106,5)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#897867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978727 Protanopia 1% of men
#a98117 Deuteranopia 1% of men
#c96a71 Tritanopia 0.001% of the population

Trichromacy

#a77d21 Protanomaly 1% of men, 0.01% of women
#b27816 Deuteranomaly 6% of men, 0.4% of women
#c76a50 Tritanomaly 0.01% of the population

#c36a16 hex color

#c36a16 Color Information

#c36a16 Color Conversion

Color Schemes with #c36a16

Alternatives to #c36a16

#c36a16 Preview

Shades and Tints of #c36a16

Tones of #c36a16

Color Blindness Simulator