#c87314 hex color

In a RGB color space, hex #c87314 is composed of 78.4% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.5% magenta, 90% yellow and 21.6% black. It has a hue angle of 31.7 degrees, a saturation of 81.8% and a lightness of 43.1%. #c87314 color hex could be obtained by blending #ffe628 with #910000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 78
- G 45
- B 8
RGB color chart
- C 0
- M 43
- Y 90
- K 22
CMYK color chart

● #c87314 color description : Strong orange.

The hexadecimal color #c87314 has RGB values of R:200, G:115, B:20 and CMYK values of C:0, M:0.43, Y:0.9, K:0.22. Its decimal value is 13136660.

Hex triplet	c87314	`#c87314`
RGB Decimal	200, 115, 20	`rgb(200,115,20)`
RGB Percent	78.4, 45.1, 7.8	`rgb(78.4%,45.1%,7.8%)`
CMYK	0, 43, 90, 22
HSL	31.7°, 81.8, 43.1	`hsl(31.7,81.8%,43.1%)`
HSV (or HSB)	31.7°, 90, 78.4
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.678, 27.46, 59.805
XYZ	30.077, 24.594, 3.825
xyY	0.514, 0.42, 24.594
CIE-LCH	56.678, 65.808, 65.337
CIE-LUV	56.678, 70.195, 52.257
Hunter-Lab	49.592, 21.473, 30.142
Binary	11001000, 01110011, 00010100

#c87314
```
#c87314 rgb(200,115,20)
```
#1469c8
```
#1469c8 rgb(20,105,200)
```

Complementary Color

#c81914
```
#c81914 rgb(200,25,20)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#c3c814
```
#c3c814 rgb(195,200,20)
```

Analogous Color

#1914c8
```
#1914c8 rgb(25,20,200)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#14c3c8
```
#14c3c8 rgb(20,195,200)
```

Split Complementary Color

#7314c8
```
#7314c8 rgb(115,20,200)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#14c873
```
#14c873 rgb(20,200,115)
```

Triadic Color

#c81469
```
#c81469 rgb(200,20,105)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#14c873
```
#14c873 rgb(20,200,115)
```
#1469c8
```
#1469c8 rgb(20,105,200)
```

Tetradic Color

#824b0d
```
#824b0d rgb(130,75,13)
```
#9a580f
```
#9a580f rgb(154,88,15)
```
#b16612
```
#b16612 rgb(177,102,18)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#df8016
```
#df8016 rgb(223,128,22)
```
#e98d26
```
#e98d26 rgb(233,141,38)
```
#ec993d
```
#ec993d rgb(236,153,61)
```

Monochromatic Color

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

#c84614
```
#c84614 rgb(200,70,20)
```
#c85514
```
#c85514 rgb(200,85,20)
```
#c86414
```
#c86414 rgb(200,100,20)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#c88214
```
#c88214 rgb(200,130,20)
```
#c89114
```
#c89114 rgb(200,145,20)
```
#c8a014
```
#c8a014 rgb(200,160,20)
```

Similar Colors

Text with hexadecimal color #c87314

This text has a font color of #c87314.

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

#c87314 background color

This paragraph has a background color of #c87314.

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

#c87314 border color

This element has a border color of #c87314.

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

CSS codes

.text {color:#c87314;}

.background {background-color:#c87314;}

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

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 #fef8f1 is the lightest one.

#040200
```
#040200 rgb(4,2,0)
```
#160c02
```
#160c02 rgb(22,12,2)
```
#281704
```
#281704 rgb(40,23,4)
```
#392106
```
#392106 rgb(57,33,6)
```
#4b2b08
```
#4b2b08 rgb(75,43,8)
```
#5d3509
```
#5d3509 rgb(93,53,9)
```
#6f400b
```
#6f400b rgb(111,64,11)
```
#814a0d
```
#814a0d rgb(129,74,13)
```
#93540f
```
#93540f rgb(147,84,15)
```
#a45e10
```
#a45e10 rgb(164,94,16)
```
#b66912
```
#b66912 rgb(182,105,18)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#da7d16
```
#da7d16 rgb(218,125,22)
```

Shade Color Variation

#e8871b
```
#e8871b rgb(232,135,27)
```
#ea912d
```
#ea912d rgb(234,145,45)
```
#ec9a3f
```
#ec9a3f rgb(236,154,63)
```
#eea351
```
#eea351 rgb(238,163,81)
```
#efad62
```
#efad62 rgb(239,173,98)
```
#f1b674
```
#f1b674 rgb(241,182,116)
```
#f3bf86
```
#f3bf86 rgb(243,191,134)
```
#f5c998
```
#f5c998 rgb(245,201,152)
```
#f6d2aa
```
#f6d2aa rgb(246,210,170)
```
#f8dcbc
```
#f8dcbc rgb(248,220,188)
```
#fae5cd
```
#fae5cd rgb(250,229,205)
```
#fceedf
```
#fceedf rgb(252,238,223)
```
#fef8f1
```
#fef8f1 rgb(254,248,241)
```

Tint Color Variation

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

#736e69
```
#736e69 rgb(115,110,105)
```
#7c6f60
```
#7c6f60 rgb(124,111,96)
```
#846f58
```
#846f58 rgb(132,111,88)
```
#8d704f
```
#8d704f rgb(141,112,79)
```
#957047
```
#957047 rgb(149,112,71)
```
#9e713e
```
#9e713e rgb(158,113,62)
```
#a67136
```
#a67136 rgb(166,113,54)
```
#af722d
```
#af722d rgb(175,114,45)
```
#b77225
```
#b77225 rgb(183,114,37)
```
#c0731c
```
#c0731c rgb(192,115,28)
```
#c87314
```
#c87314 rgb(200,115,20)
```
#d0730c
```
#d0730c rgb(208,115,12)
```
#d97403
```
#d97403 rgb(217,116,3)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#907f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e25 Protanopia 1% of men
#b18715 Deuteranopia 1% of men
#cf7279 Tritanopia 0.001% of the population

Trichromacy

#ad841f Protanomaly 1% of men, 0.01% of women
#b97f14 Deuteranomaly 6% of men, 0.4% of women
#cc7254 Tritanomaly 0.01% of the population

#c87314 hex color

#c87314 Color Information

#c87314 Color Conversion

Color Schemes with #c87314

Alternatives to #c87314

#c87314 Preview

Shades and Tints of #c87314

Tones of #c87314

Color Blindness Simulator