#c86a30 hex color

In a RGB color space, hex #c86a30 is composed of 78.4% red, 41.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47% magenta, 76% yellow and 21.6% black. It has a hue angle of 22.9 degrees, a saturation of 61.3% and a lightness of 48.6%. #c86a30 color hex could be obtained by blending #ffd460 with #910000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 78
- G 42
- B 19
RGB color chart
- C 0
- M 47
- Y 76
- K 22
CMYK color chart

● #c86a30 color description : Strong orange.

The hexadecimal color #c86a30 has RGB values of R:200, G:106, B:48 and CMYK values of C:0, M:0.47, Y:0.76, K:0.22. Its decimal value is 13134384.

Hex triplet	c86a30	`#c86a30`
RGB Decimal	200, 106, 48	`rgb(200,106,48)`
RGB Percent	78.4, 41.6, 18.8	`rgb(78.4%,41.6%,18.8%)`
CMYK	0, 47, 76, 22
HSL	22.9°, 61.3, 48.6	`hsl(22.9,61.3%,48.6%)`
HSV (or HSB)	22.9°, 76, 78.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.869, 33.09, 47.618
XYZ	29.508, 22.803, 5.644
xyY	0.509, 0.393, 22.803
CIE-LCH	54.869, 57.987, 55.205
CIE-LUV	54.869, 75.597, 42.756
Hunter-Lab	47.753, 26.733, 26.42
Binary	11001000, 01101010, 00110000

#c86a30
```
#c86a30 rgb(200,106,48)
```
#308ec8
```
#308ec8 rgb(48,142,200)
```

Complementary Color

#c83042
```
#c83042 rgb(200,48,66)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```
#c8b630
```
#c8b630 rgb(200,182,48)
```

Analogous Color

#3042c8
```
#3042c8 rgb(48,66,200)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```
#30c8b6
```
#30c8b6 rgb(48,200,182)
```

Split Complementary Color

#6a30c8
```
#6a30c8 rgb(106,48,200)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```
#30c86a
```
#30c86a rgb(48,200,106)
```

Triadic Color

#c8308e
```
#c8308e rgb(200,48,142)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```
#30c86a
```
#30c86a rgb(48,200,106)
```
#308ec8
```
#308ec8 rgb(48,142,200)
```

Tetradic Color

#8a4921
```
#8a4921 rgb(138,73,33)
```
#9f5426
```
#9f5426 rgb(159,84,38)
```
#b35f2b
```
#b35f2b rgb(179,95,43)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```
#d17840
```
#d17840 rgb(209,120,64)
```
#d68655
```
#d68655 rgb(214,134,85)
```
#db9569
```
#db9569 rgb(219,149,105)
```

Monochromatic Color

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

#c84430
```
#c84430 rgb(200,68,48)
```
#c85130
```
#c85130 rgb(200,81,48)
```
#c85d30
```
#c85d30 rgb(200,93,48)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```
#c87730
```
#c87730 rgb(200,119,48)
```
#c88330
```
#c88330 rgb(200,131,48)
```
#c89030
```
#c89030 rgb(200,144,48)
```

Similar Colors

Text with hexadecimal color #c86a30

This text has a font color of #c86a30.

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

#c86a30 background color

This paragraph has a background color of #c86a30.

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

#c86a30 border color

This element has a border color of #c86a30.

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

CSS codes

.text {color:#c86a30;}

.background {background-color:#c86a30;}

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

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1a0e06
```
#1a0e06 rgb(26,14,6)
```
#2a160a
```
#2a160a rgb(42,22,10)
```
#3a1f0e
```
#3a1f0e rgb(58,31,14)
```
#492712
```
#492712 rgb(73,39,18)
```
#592f15
```
#592f15 rgb(89,47,21)
```
#693819
```
#693819 rgb(105,56,25)
```
#79401d
```
#79401d rgb(121,64,29)
```
#894821
```
#894821 rgb(137,72,33)
```
#995125
```
#995125 rgb(153,81,37)
```
#a85928
```
#a85928 rgb(168,89,40)
```
#b8622c
```
#b8622c rgb(184,98,44)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```

Shade Color Variation

#d0743c
```
#d0743c rgb(208,116,60)
```
#d47f4b
```
#d47f4b rgb(212,127,75)
```
#d88b5b
```
#d88b5b rgb(216,139,91)
```
#db966b
```
#db966b rgb(219,150,107)
```
#dfa17b
```
#dfa17b rgb(223,161,123)
```
#e3ac8b
```
#e3ac8b rgb(227,172,139)
```
#e7b89a
```
#e7b89a rgb(231,184,154)
```
#ebc3aa
```
#ebc3aa rgb(235,195,170)
```
#eeceba
```
#eeceba rgb(238,206,186)
```
#f2d9ca
```
#f2d9ca rgb(242,217,202)
```
#f6e5da
```
#f6e5da rgb(246,229,218)
```
#faf0ea
```
#faf0ea rgb(250,240,234)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#857a73
```
#857a73 rgb(133,122,115)
```
#8f7869
```
#8f7869 rgb(143,120,105)
```
#987560
```
#987560 rgb(152,117,96)
```
#a27356
```
#a27356 rgb(162,115,86)
```
#ab714d
```
#ab714d rgb(171,113,77)
```
#b56f43
```
#b56f43 rgb(181,111,67)
```
#be6c3a
```
#be6c3a rgb(190,108,58)
```
#c86a30
```
#c86a30 rgb(200,106,48)
```
#d26826
```
#d26826 rgb(210,104,38)
```
#db651d
```
#db651d rgb(219,101,29)
```
#e56313
```
#e56313 rgb(229,99,19)
```
#ee610a
```
#ee610a rgb(238,97,10)
```
#f85f00
```
#f85f00 rgb(248,95,0)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8e7b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#988941 Protanopia 1% of men
#aa8334 Deuteranopia 1% of men
#cd6b72 Tritanopia 0.001% of the population

Trichromacy

#a97e3b Protanomaly 1% of men, 0.01% of women
#b57a33 Deuteranomaly 6% of men, 0.4% of women
#cb6b5a Tritanomaly 0.01% of the population

#c86a30 hex color

#c86a30 Color Information

#c86a30 Color Conversion

Color Schemes with #c86a30

Alternatives to #c86a30

#c86a30 Preview

Shades and Tints of #c86a30

Tones of #c86a30

Color Blindness Simulator