#c56f1f hex color

In a RGB color space, hex #c56f1f is composed of 77.3% red, 43.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.7% magenta, 84.3% yellow and 22.7% black. It has a hue angle of 28.9 degrees, a saturation of 72.8% and a lightness of 44.7%. #c56f1f color hex could be obtained by blending #ffde3e with #8b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 44
- B 12
RGB color chart
- C 0
- M 44
- Y 84
- K 23
CMYK color chart

● #c56f1f color description : Strong orange.

The hexadecimal color #c56f1f has RGB values of R:197, G:111, B:31 and CMYK values of C:0, M:0.44, Y:0.84, K:0.23. Its decimal value is 12939039.

Hex triplet	c56f1f	`#c56f1f`
RGB Decimal	197, 111, 31	`rgb(197,111,31)`
RGB Percent	77.3, 43.5, 12.2	`rgb(77.3%,43.5%,12.2%)`
CMYK	0, 44, 84, 23
HSL	28.9°, 72.8, 44.7	`hsl(28.9,72.8%,44.7%)`
HSV (or HSB)	28.9°, 84.3, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.421, 28.596, 55.157
XYZ	28.959, 23.341, 4.276
xyY	0.512, 0.413, 23.341
CIE-LCH	55.421, 62.129, 62.595
CIE-LUV	55.421, 70.416, 48.766
Hunter-Lab	48.312, 22.448, 28.57
Binary	11000101, 01101111, 00011111

#c56f1f
```
#c56f1f rgb(197,111,31)
```
#1f75c5
```
#1f75c5 rgb(31,117,197)
```

Complementary Color

#c51f22
```
#c51f22 rgb(197,31,34)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#c5c21f
```
#c5c21f rgb(197,194,31)
```

Analogous Color

#1f22c5
```
#1f22c5 rgb(31,34,197)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#1fc5c2
```
#1fc5c2 rgb(31,197,194)
```

Split Complementary Color

#6f1fc5
```
#6f1fc5 rgb(111,31,197)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#1fc56f
```
#1fc56f rgb(31,197,111)
```

Triadic Color

#c51f75
```
#c51f75 rgb(197,31,117)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#1fc56f
```
#1fc56f rgb(31,197,111)
```
#1f75c5
```
#1f75c5 rgb(31,117,197)
```

Tetradic Color

#834a15
```
#834a15 rgb(131,74,21)
```
#995618
```
#995618 rgb(153,86,24)
```
#af631c
```
#af631c rgb(175,99,28)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#db7b22
```
#db7b22 rgb(219,123,34)
```
#e08837
```
#e08837 rgb(224,136,55)
```
#e3964d
```
#e3964d rgb(227,150,77)
```

Monochromatic Color

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

#c5451f
```
#c5451f rgb(197,69,31)
```
#c5531f
```
#c5531f rgb(197,83,31)
```
#c5611f
```
#c5611f rgb(197,97,31)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#c57d1f
```
#c57d1f rgb(197,125,31)
```
#c58b1f
```
#c58b1f rgb(197,139,31)
```
#c5991f
```
#c5991f rgb(197,153,31)
```

Similar Colors

Text with hexadecimal color #c56f1f

This text has a font color of #c56f1f.

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

#c56f1f background color

This paragraph has a background color of #c56f1f.

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

#c56f1f border color

This element has a border color of #c56f1f.

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

CSS codes

.text {color:#c56f1f;}

.background {background-color:#c56f1f;}

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

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

#0b0602
```
#0b0602 rgb(11,6,2)
```
#1c1004
```
#1c1004 rgb(28,16,4)
```
#2c1907
```
#2c1907 rgb(44,25,7)
```
#3d230a
```
#3d230a rgb(61,35,10)
```
#4e2c0c
```
#4e2c0c rgb(78,44,12)
```
#5f360f
```
#5f360f rgb(95,54,15)
```
#703f12
```
#703f12 rgb(112,63,18)
```
#814914
```
#814914 rgb(129,73,20)
```
#925217
```
#925217 rgb(146,82,23)
```
#a35c1a
```
#a35c1a rgb(163,92,26)
```
#b4651c
```
#b4651c rgb(180,101,28)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#d67922
```
#d67922 rgb(214,121,34)
```

Shade Color Variation

#de822d
```
#de822d rgb(222,130,45)
```
#e18c3e
```
#e18c3e rgb(225,140,62)
```
#e3974f
```
#e3974f rgb(227,151,79)
```
#e6a160
```
#e6a160 rgb(230,161,96)
```
#e9ab71
```
#e9ab71 rgb(233,171,113)
```
#ebb582
```
#ebb582 rgb(235,181,130)
```
#eebf93
```
#eebf93 rgb(238,191,147)
```
#f1c9a4
```
#f1c9a4 rgb(241,201,164)
```
#f3d3b5
```
#f3d3b5 rgb(243,211,181)
```
#f6ddc6
```
#f6ddc6 rgb(246,221,198)
```
#f9e7d7
```
#f9e7d7 rgb(249,231,215)
```
#fbf1e8
```
#fbf1e8 rgb(251,241,232)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#76726e
```
#76726e rgb(118,114,110)
```
#7f7265
```
#7f7265 rgb(127,114,101)
```
#88715c
```
#88715c rgb(136,113,92)
```
#907154
```
#907154 rgb(144,113,84)
```
#99714b
```
#99714b rgb(153,113,75)
```
#a27042
```
#a27042 rgb(162,112,66)
```
#ab7039
```
#ab7039 rgb(171,112,57)
```
#b37031
```
#b37031 rgb(179,112,49)
```
#bc6f28
```
#bc6f28 rgb(188,111,40)
```
#c56f1f
```
#c56f1f rgb(197,111,31)
```
#ce6f16
```
#ce6f16 rgb(206,111,22)
```
#d76e0d
```
#d76e0d rgb(215,110,13)
```
#df6e05
```
#df6e05 rgb(223,110,5)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8e7d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b30 Protanopia 1% of men
#ad8423 Deuteranopia 1% of men
#cb6f76 Tritanopia 0.001% of the population

Trichromacy

#aa8129 Protanomaly 1% of men, 0.01% of women
#b57c21 Deuteranomaly 6% of men, 0.4% of women
#c96f56 Tritanomaly 0.01% of the population

#c56f1f hex color

#c56f1f Color Information

#c56f1f Color Conversion

Color Schemes with #c56f1f

Alternatives to #c56f1f

#c56f1f Preview

Shades and Tints of #c56f1f

Tones of #c56f1f

Color Blindness Simulator