#c5742c hex color

In a RGB color space, hex #c5742c is composed of 77.3% red, 45.5% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.1% magenta, 77.7% yellow and 22.7% black. It has a hue angle of 28.2 degrees, a saturation of 63.5% and a lightness of 47.3%. #c5742c color hex could be obtained by blending #ffe858 with #8b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 45
- B 17
RGB color chart
- C 0
- M 41
- Y 78
- K 23
CMYK color chart

● #c5742c color description : Strong orange.

The hexadecimal color #c5742c has RGB values of R:197, G:116, B:44 and CMYK values of C:0, M:0.41, Y:0.78, K:0.23. Its decimal value is 12940332.

Hex triplet	c5742c	`#c5742c`
RGB Decimal	197, 116, 44	`rgb(197,116,44)`
RGB Percent	77.3, 45.5, 17.3	`rgb(77.3%,45.5%,17.3%)`
CMYK	0, 41, 78, 23
HSL	28.2°, 63.5, 47.3	`hsl(28.2,63.5%,47.3%)`
HSV (or HSB)	28.2°, 77.7, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.63, 26.337, 51.046
XYZ	29.727, 24.545, 5.555
xyY	0.497, 0.41, 24.545
CIE-LCH	56.63, 57.44, 62.709
CIE-LUV	56.63, 65.506, 47.5
Hunter-Lab	49.543, 20.403, 28.032
Binary	11000101, 01110100, 00101100

#c5742c
```
#c5742c rgb(197,116,44)
```
#2c7dc5
```
#2c7dc5 rgb(44,125,197)
```

Complementary Color

#c52c31
```
#c52c31 rgb(197,44,49)
```
#c5742c
```
#c5742c rgb(197,116,44)
```
#c5c12c
```
#c5c12c rgb(197,193,44)
```

Analogous Color

#2c30c5
```
#2c30c5 rgb(44,48,197)
```
#c5742c
```
#c5742c rgb(197,116,44)
```
#2cc5c1
```
#2cc5c1 rgb(44,197,193)
```

Split Complementary Color

#742cc5
```
#742cc5 rgb(116,44,197)
```
#c5742c
```
#c5742c rgb(197,116,44)
```
#2cc574
```
#2cc574 rgb(44,197,116)
```

Triadic Color

#c52c7d
```
#c52c7d rgb(197,44,125)
```
#c5742c
```
#c5742c rgb(197,116,44)
```
#2cc574
```
#2cc574 rgb(44,197,116)
```
#2c7dc5
```
#2c7dc5 rgb(44,125,197)
```

Tetradic Color

#864f1e
```
#864f1e rgb(134,79,30)
```
#9b5b23
```
#9b5b23 rgb(155,91,35)
```
#b06827
```
#b06827 rgb(176,104,39)
```
#c5742c
```
#c5742c rgb(197,116,44)
```
#d38138
```
#d38138 rgb(211,129,56)
```
#d78e4d
```
#d78e4d rgb(215,142,77)
```
#dc9b62
```
#dc9b62 rgb(220,155,98)
```

Monochromatic Color

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

#c54e2c
```
#c54e2c rgb(197,78,44)
```
#c55b2c
```
#c55b2c rgb(197,91,44)
```
#c5672c
```
#c5672c rgb(197,103,44)
```
#c5742c
```
#c5742c rgb(197,116,44)
```
#c5812c
```
#c5812c rgb(197,129,44)
```
#c58e2c
```
#c58e2c rgb(197,142,44)
```
#c59a2c
```
#c59a2c rgb(197,154,44)
```

Similar Colors

Text with hexadecimal color #c5742c

This text has a font color of #c5742c.

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

#c5742c background color

This paragraph has a background color of #c5742c.

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

#c5742c border color

This element has a border color of #c5742c.

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

CSS codes

.text {color:#c5742c;}

.background {background-color:#c5742c;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150c05
```
#150c05 rgb(21,12,5)
```
#251608
```
#251608 rgb(37,22,8)
```
#351f0c
```
#351f0c rgb(53,31,12)
```
#45280f
```
#45280f rgb(69,40,15)
```
#553213
```
#553213 rgb(85,50,19)
```
#653b17
```
#653b17 rgb(101,59,23)
```
#75451a
```
#75451a rgb(117,69,26)
```
#854e1e
```
#854e1e rgb(133,78,30)
```
#955821
```
#955821 rgb(149,88,33)
```
#a56125
```
#a56125 rgb(165,97,37)
```
#b56b28
```
#b56b28 rgb(181,107,40)
```
#c5742c
```
#c5742c rgb(197,116,44)
```

Shade Color Variation

#d17e33
```
#d17e33 rgb(209,126,51)
```
#d58843
```
#d58843 rgb(213,136,67)
```
#d99253
```
#d99253 rgb(217,146,83)
```
#dc9c63
```
#dc9c63 rgb(220,156,99)
```
#e0a673
```
#e0a673 rgb(224,166,115)
```
#e3b183
```
#e3b183 rgb(227,177,131)
```
#e7bb93
```
#e7bb93 rgb(231,187,147)
```
#ebc5a3
```
#ebc5a3 rgb(235,197,163)
```
#eecfb3
```
#eecfb3 rgb(238,207,179)
```
#f2d9c3
```
#f2d9c3 rgb(242,217,195)
```
#f5e3d3
```
#f5e3d3 rgb(245,227,211)
```
#f9eee4
```
#f9eee4 rgb(249,238,228)
```
#fcf8f4
```
#fcf8f4 rgb(252,248,244)
```

Tint Color Variation

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

#7b7876
```
#7b7876 rgb(123,120,118)
```
#84786d
```
#84786d rgb(132,120,109)
```
#8d7764
```
#8d7764 rgb(141,119,100)
```
#97775a
```
#97775a rgb(151,119,90)
```
#a07651
```
#a07651 rgb(160,118,81)
```
#a97648
```
#a97648 rgb(169,118,72)
```
#b2753f
```
#b2753f rgb(178,117,63)
```
#bc7535
```
#bc7535 rgb(188,117,53)
```
#c5742c
```
#c5742c rgb(197,116,44)
```
#ce7323
```
#ce7323 rgb(206,115,35)
```
#d87319
```
#d87319 rgb(216,115,25)
```
#e17210
```
#e17210 rgb(225,114,16)
```
#ea7207
```
#ea7207 rgb(234,114,7)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#918172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e3c Protanopia 1% of men
#b08732 Deuteranopia 1% of men
#cb747b Tritanopia 0.001% of the population

Trichromacy

#ab8436 Protanomaly 1% of men, 0.01% of women
#b78030 Deuteranomaly 6% of men, 0.4% of women
#c9745e Tritanomaly 0.01% of the population

#c5742c hex color

#c5742c Color Information

#c5742c Color Conversion

Color Schemes with #c5742c

Alternatives to #c5742c

#c5742c Preview

Shades and Tints of #c5742c

Tones of #c5742c

Color Blindness Simulator