colorhexa.com

#c86a2a hex color

In a RGB color space, hex #c86a2a is composed of 78.4% red, 41.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47% magenta, 79% yellow and 21.6% black. It has a hue angle of 24.3 degrees, a saturation of 65.3% and a lightness of 47.5%. #c86a2a color hex could be obtained by blending #ffd454 with #910000. Closest websafe color is: #cc6633.

- R 78
- G 42
- B 16
RGB color chart
- C 0
- M 47
- Y 79
- K 22
CMYK color chart

● #c86a2a color description : Strong orange.

The hexadecimal color #c86a2a has RGB values of R:200, G:106, B:42 and CMYK values of C:0, M:0.47, Y:0.79, K:0.22. Its decimal value is 13134378.

Hex triplet	c86a2a	`#c86a2a`
RGB Decimal	200, 106, 42	`rgb(200,106,42)`
RGB Percent	78.4, 41.6, 16.5	`rgb(78.4%,41.6%,16.5%)`
CMYK	0, 47, 79, 22
HSL	24.3°, 65.3, 47.5	`hsl(24.3,65.3%,47.5%)`
HSV (or HSB)	24.3°, 79, 78.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.821, 32.854, 50.319
XYZ	29.392, 22.757, 5.035
xyY	0.514, 0.398, 22.757
CIE-LCH	54.821, 60.095, 56.859
CIE-LUV	54.821, 76.156, 44.521
Hunter-Lab	47.704, 26.497, 27.135
Binary	11001000, 01101010, 00101010

#c86a2a
```
#c86a2a rgb(200,106,42)
```
#2a88c8
```
#2a88c8 rgb(42,136,200)
```

Complementary Color

#c82a39
```
#c82a39 rgb(200,42,57)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```
#c8b92a
```
#c8b92a rgb(200,185,42)
```

Analogous Color

#2a39c8
```
#2a39c8 rgb(42,57,200)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```
#2ac8b9
```
#2ac8b9 rgb(42,200,185)
```

Split Complementary Color

#6a2ac8
```
#6a2ac8 rgb(106,42,200)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```
#2ac86a
```
#2ac86a rgb(42,200,106)
```

Triadic Color

#c82a88
```
#c82a88 rgb(200,42,136)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```
#2ac86a
```
#2ac86a rgb(42,200,106)
```
#2a88c8
```
#2a88c8 rgb(42,136,200)
```

Tetradic Color

#89481d
```
#89481d rgb(137,72,29)
```
#9e5421
```
#9e5421 rgb(158,84,33)
```
#b35f26
```
#b35f26 rgb(179,95,38)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```
#d57737
```
#d57737 rgb(213,119,55)
```
#d9854c
```
#d9854c rgb(217,133,76)
```
#de9361
```
#de9361 rgb(222,147,97)
```

Monochromatic Color

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

#c8432a
```
#c8432a rgb(200,67,42)
```
#c8502a
```
#c8502a rgb(200,80,42)
```
#c85d2a
```
#c85d2a rgb(200,93,42)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```
#c8772a
```
#c8772a rgb(200,119,42)
```
#c8842a
```
#c8842a rgb(200,132,42)
```
#c8922a
```
#c8922a rgb(200,146,42)
```

Similar Colors

Text with hexadecimal color #c86a2a

This text has a font color of #c86a2a.

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

#c86a2a background color

This paragraph has a background color of #c86a2a.

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

#c86a2a border color

This element has a border color of #c86a2a.

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

CSS codes

.text {color:#c86a2a;}

.background {background-color:#c86a2a;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160b05
```
#160b05 rgb(22,11,5)
```
#261408
```
#261408 rgb(38,20,8)
```
#361d0b
```
#361d0b rgb(54,29,11)
```
#46250f
```
#46250f rgb(70,37,15)
```
#572e12
```
#572e12 rgb(87,46,18)
```
#673616
```
#673616 rgb(103,54,22)
```
#773f19
```
#773f19 rgb(119,63,25)
```
#87481c
```
#87481c rgb(135,72,28)
```
#975020
```
#975020 rgb(151,80,32)
```
#a85923
```
#a85923 rgb(168,89,35)
```
#b86127
```
#b86127 rgb(184,97,39)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```

Shade Color Variation

#d47332
```
#d47332 rgb(212,115,50)
```
#d77e42
```
#d77e42 rgb(215,126,66)
```
#db8952
```
#db8952 rgb(219,137,82)
```
#de9462
```
#de9462 rgb(222,148,98)
```
#e2a073
```
#e2a073 rgb(226,160,115)
```
#e5ab83
```
#e5ab83 rgb(229,171,131)
```
#e8b693
```
#e8b693 rgb(232,182,147)
```
#ecc1a3
```
#ecc1a3 rgb(236,193,163)
```
#efccb3
```
#efccb3 rgb(239,204,179)
```
#f3d7c4
```
#f3d7c4 rgb(243,215,196)
```
#f6e2d4
```
#f6e2d4 rgb(246,226,212)
```
#f9ede4
```
#f9ede4 rgb(249,237,228)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

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

#7e7874
```
#7e7874 rgb(126,120,116)
```
#87766b
```
#87766b rgb(135,118,107)
```
#907562
```
#907562 rgb(144,117,98)
```
#997359
```
#997359 rgb(153,115,89)
```
#a3714f
```
#a3714f rgb(163,113,79)
```
#ac6f46
```
#ac6f46 rgb(172,111,70)
```
#b56e3d
```
#b56e3d rgb(181,110,61)
```
#bf6c33
```
#bf6c33 rgb(191,108,51)
```
#c86a2a
```
#c86a2a rgb(200,106,42)
```
#d16821
```
#d16821 rgb(209,104,33)
```
#db6617
```
#db6617 rgb(219,102,23)
```
#e4650e
```
#e4650e rgb(228,101,14)
```
#ed6305
```
#ed6305 rgb(237,99,5)
```

Tone Color Variation

Below, you can see how #c86a2a 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
#8e7b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#98893b Protanopia 1% of men
#aa832e Deuteranopia 1% of men
#cd6b72 Tritanopia 0.001% of the population

Trichromacy

#a97e35 Protanomaly 1% of men, 0.01% of women
#b57a2c Deuteranomaly 6% of men, 0.4% of women
#cb6a57 Tritanomaly 0.01% of the population