#c56a30 hex color

In a RGB color space, hex #c56a30 is composed of 77.3% red, 41.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.2% magenta, 75.6% yellow and 22.7% black. It has a hue angle of 23.4 degrees, a saturation of 60.8% and a lightness of 48%. #c56a30 color hex could be obtained by blending #ffd460 with #8b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 42
- B 19
RGB color chart
- C 0
- M 46
- Y 76
- K 23
CMYK color chart

● #c56a30 color description : Strong orange.

The hexadecimal color #c56a30 has RGB values of R:197, G:106, B:48 and CMYK values of C:0, M:0.46, Y:0.76, K:0.23. Its decimal value is 12937776.

Hex triplet	c56a30	`#c56a30`
RGB Decimal	197, 106, 48	`rgb(197,106,48)`
RGB Percent	77.3, 41.6, 18.8	`rgb(77.3%,41.6%,18.8%)`
CMYK	0, 46, 76, 23
HSL	23.4°, 60.8, 48	`hsl(23.4,60.8%,48%)`
HSV (or HSB)	23.4°, 75.6, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.443, 31.866, 47.047
XYZ	28.714, 22.394, 5.607
xyY	0.506, 0.395, 22.394
CIE-LCH	54.443, 56.823, 55.89
CIE-LUV	54.443, 73.09, 42.494
Hunter-Lab	47.323, 25.496, 26.101
Binary	11000101, 01101010, 00110000

#c56a30
```
#c56a30 rgb(197,106,48)
```
#308bc5
```
#308bc5 rgb(48,139,197)
```

Complementary Color

#c53040
```
#c53040 rgb(197,48,64)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```
#c5b530
```
#c5b530 rgb(197,181,48)
```

Analogous Color

#3041c5
```
#3041c5 rgb(48,65,197)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```
#30c5b5
```
#30c5b5 rgb(48,197,181)
```

Split Complementary Color

#6a30c5
```
#6a30c5 rgb(106,48,197)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```
#30c56a
```
#30c56a rgb(48,197,106)
```

Triadic Color

#c5308b
```
#c5308b rgb(197,48,139)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```
#30c56a
```
#30c56a rgb(48,197,106)
```
#308bc5
```
#308bc5 rgb(48,139,197)
```

Tetradic Color

#874921
```
#874921 rgb(135,73,33)
```
#9c5426
```
#9c5426 rgb(156,84,38)
```
#b05f2b
```
#b05f2b rgb(176,95,43)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```
#d0773e
```
#d0773e rgb(208,119,62)
```
#d58653
```
#d58653 rgb(213,134,83)
```
#da9467
```
#da9467 rgb(218,148,103)
```

Monochromatic Color

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

#c54530
```
#c54530 rgb(197,69,48)
```
#c55130
```
#c55130 rgb(197,81,48)
```
#c55e30
```
#c55e30 rgb(197,94,48)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```
#c57630
```
#c57630 rgb(197,118,48)
```
#c58330
```
#c58330 rgb(197,131,48)
```
#c58f30
```
#c58f30 rgb(197,143,48)
```

Similar Colors

Text with hexadecimal color #c56a30

This text has a font color of #c56a30.

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

#c56a30 background color

This paragraph has a background color of #c56a30.

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

#c56a30 border color

This element has a border color of #c56a30.

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

CSS codes

.text {color:#c56a30;}

.background {background-color:#c56a30;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#180d06
```
#180d06 rgb(24,13,6)
```
#27150a
```
#27150a rgb(39,21,10)
```
#371e0d
```
#371e0d rgb(55,30,13)
```
#472611
```
#472611 rgb(71,38,17)
```
#572f15
```
#572f15 rgb(87,47,21)
```
#663719
```
#663719 rgb(102,55,25)
```
#76401d
```
#76401d rgb(118,64,29)
```
#864821
```
#864821 rgb(134,72,33)
```
#965124
```
#965124 rgb(150,81,36)
```
#a55928
```
#a55928 rgb(165,89,40)
```
#b5622c
```
#b5622c rgb(181,98,44)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```

Shade Color Variation

#cf743a
```
#cf743a rgb(207,116,58)
```
#d37f49
```
#d37f49 rgb(211,127,73)
```
#d78a59
```
#d78a59 rgb(215,138,89)
```
#da9569
```
#da9569 rgb(218,149,105)
```
#dea079
```
#dea079 rgb(222,160,121)
```
#e2ab89
```
#e2ab89 rgb(226,171,137)
```
#e6b798
```
#e6b798 rgb(230,183,152)
```
#eac2a8
```
#eac2a8 rgb(234,194,168)
```
#eecdb8
```
#eecdb8 rgb(238,205,184)
```
#f2d8c8
```
#f2d8c8 rgb(242,216,200)
```
#f5e3d7
```
#f5e3d7 rgb(245,227,215)
```
#f9eee7
```
#f9eee7 rgb(249,238,231)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#837972
```
#837972 rgb(131,121,114)
```
#8c7769
```
#8c7769 rgb(140,119,105)
```
#96745f
```
#96745f rgb(150,116,95)
```
#9f7256
```
#9f7256 rgb(159,114,86)
```
#a9704c
```
#a9704c rgb(169,112,76)
```
#b26e43
```
#b26e43 rgb(178,110,67)
```
#bc6c39
```
#bc6c39 rgb(188,108,57)
```
#c56a30
```
#c56a30 rgb(197,106,48)
```
#ce6827
```
#ce6827 rgb(206,104,39)
```
#d8661d
```
#d8661d rgb(216,102,29)
```
#e16414
```
#e16414 rgb(225,100,20)
```
#eb620a
```
#eb620a rgb(235,98,10)
```
#f46001
```
#f46001 rgb(244,96,1)
```

Tone Color Variation

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

Dichromacy

#978841 Protanopia 1% of men
#a98235 Deuteranopia 1% of men
#cb6b72 Tritanopia 0.001% of the population

Trichromacy

#a77d3b Protanomaly 1% of men, 0.01% of women
#b37933 Deuteranomaly 6% of men, 0.4% of women
#c86b5a Tritanomaly 0.01% of the population

#c56a30 hex color

#c56a30 Color Information

#c56a30 Color Conversion

Color Schemes with #c56a30

Alternatives to #c56a30

#c56a30 Preview

Shades and Tints of #c56a30

Tones of #c56a30

Color Blindness Simulator