#c67316 hex color

In a RGB color space, hex #c67316 is composed of 77.6% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.9% magenta, 88.9% yellow and 22.4% black. It has a hue angle of 31.7 degrees, a saturation of 80% and a lightness of 43.1%. #c67316 color hex could be obtained by blending #ffe62c with #8d0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 78
- G 45
- B 9
RGB color chart
- C 0
- M 42
- Y 89
- K 22
CMYK color chart

● #c67316 color description : Strong orange.

The hexadecimal color #c67316 has RGB values of R:198, G:115, B:22 and CMYK values of C:0, M:0.42, Y:0.89, K:0.22. Its decimal value is 13005590.

Hex triplet	c67316	`#c67316`
RGB Decimal	198, 115, 22	`rgb(198,115,22)`
RGB Percent	77.6, 45.1, 8.6	`rgb(77.6%,45.1%,8.6%)`
CMYK	0, 42, 89, 22
HSL	31.7°, 80, 43.1	`hsl(31.7,80%,43.1%)`
HSV (or HSB)	31.7°, 88.9, 77.6
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.414, 26.649, 58.938
XYZ	29.565, 24.328, 3.898
xyY	0.512, 0.421, 24.328
CIE-LCH	56.414, 64.683, 65.669
CIE-LUV	56.414, 68.439, 51.862
Hunter-Lab	49.323, 20.681, 29.841
Binary	11000110, 01110011, 00010110

#c67316
```
#c67316 rgb(198,115,22)
```
#1669c6
```
#1669c6 rgb(22,105,198)
```

Complementary Color

#c61b16
```
#c61b16 rgb(198,27,22)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#c1c616
```
#c1c616 rgb(193,198,22)
```

Analogous Color

#1b16c6
```
#1b16c6 rgb(27,22,198)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#16c1c6
```
#16c1c6 rgb(22,193,198)
```

Split Complementary Color

#7316c6
```
#7316c6 rgb(115,22,198)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#16c673
```
#16c673 rgb(22,198,115)
```

Triadic Color

#c61669
```
#c61669 rgb(198,22,105)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#16c673
```
#16c673 rgb(22,198,115)
```
#1669c6
```
#1669c6 rgb(22,105,198)
```

Tetradic Color

#814b0e
```
#814b0e rgb(129,75,14)
```
#985811
```
#985811 rgb(152,88,17)
```
#af6613
```
#af6613 rgb(175,102,19)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#dd8019
```
#dd8019 rgb(221,128,25)
```
#e78d28
```
#e78d28 rgb(231,141,40)
```
#ea993f
```
#ea993f rgb(234,153,63)
```

Monochromatic Color

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

#c64716
```
#c64716 rgb(198,71,22)
```
#c65616
```
#c65616 rgb(198,86,22)
```
#c66416
```
#c66416 rgb(198,100,22)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#c68216
```
#c68216 rgb(198,130,22)
```
#c69016
```
#c69016 rgb(198,144,22)
```
#c69f16
```
#c69f16 rgb(198,159,22)
```

Similar Colors

Text with hexadecimal color #c67316

This text has a font color of #c67316.

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

#c67316 background color

This paragraph has a background color of #c67316.

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

#c67316 border color

This element has a border color of #c67316.

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

CSS codes

.text {color:#c67316;}

.background {background-color:#c67316;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#150c02
```
#150c02 rgb(21,12,2)
```
#271704
```
#271704 rgb(39,23,4)
```
#392106
```
#392106 rgb(57,33,6)
```
#4a2b08
```
#4a2b08 rgb(74,43,8)
```
#5c350a
```
#5c350a rgb(92,53,10)
```
#6e400c
```
#6e400c rgb(110,64,12)
```
#7f4a0e
```
#7f4a0e rgb(127,74,14)
```
#915410
```
#915410 rgb(145,84,16)
```
#a35e12
```
#a35e12 rgb(163,94,18)
```
#b46914
```
#b46914 rgb(180,105,20)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#d87d18
```
#d87d18 rgb(216,125,24)
```

Shade Color Variation

#e6871d
```
#e6871d rgb(230,135,29)
```
#e8912f
```
#e8912f rgb(232,145,47)
```
#ea9a41
```
#ea9a41 rgb(234,154,65)
```
#eca352
```
#eca352 rgb(236,163,82)
```
#eead64
```
#eead64 rgb(238,173,100)
```
#f0b676
```
#f0b676 rgb(240,182,118)
```
#f2bf87
```
#f2bf87 rgb(242,191,135)
```
#f4c999
```
#f4c999 rgb(244,201,153)
```
#f6d2ab
```
#f6d2ab rgb(246,210,171)
```
#f8dcbc
```
#f8dcbc rgb(248,220,188)
```
#fae5ce
```
#fae5ce rgb(250,229,206)
```
#fceee0
```
#fceee0 rgb(252,238,224)
```
#fdf8f1
```
#fdf8f1 rgb(253,248,241)
```

Tint Color Variation

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

#716e6b
```
#716e6b rgb(113,110,107)
```
#7a6f62
```
#7a6f62 rgb(122,111,98)
```
#826f5a
```
#826f5a rgb(130,111,90)
```
#8b7051
```
#8b7051 rgb(139,112,81)
```
#937049
```
#937049 rgb(147,112,73)
```
#9c7140
```
#9c7140 rgb(156,113,64)
```
#a47138
```
#a47138 rgb(164,113,56)
```
#ad722f
```
#ad722f rgb(173,114,47)
```
#b57227
```
#b57227 rgb(181,114,39)
```
#be731e
```
#be731e rgb(190,115,30)
```
#c67316
```
#c67316 rgb(198,115,22)
```
#ce730e
```
#ce730e rgb(206,115,14)
```
#d77405
```
#d77405 rgb(215,116,5)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8f7e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d27 Protanopia 1% of men
#b08618 Deuteranopia 1% of men
#cd727a Tritanopia 0.001% of the population

Trichromacy

#ac8420 Protanomaly 1% of men, 0.01% of women
#b87f17 Deuteranomaly 6% of men, 0.4% of women
#ca7255 Tritanomaly 0.01% of the population

#c67316 hex color

#c67316 Color Information

#c67316 Color Conversion

Color Schemes with #c67316

Alternatives to #c67316

#c67316 Preview

Shades and Tints of #c67316

Tones of #c67316

Color Blindness Simulator