#c5742a hex color

In a RGB color space, hex #c5742a is composed of 77.3% red, 45.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.1% magenta, 78.7% yellow and 22.7% black. It has a hue angle of 28.6 degrees, a saturation of 64.9% and a lightness of 46.9%. #c5742a color hex could be obtained by blending #ffe854 with #8b0000. Closest websafe color is: #cc6633.

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

● #c5742a color description : Strong orange.

The hexadecimal color #c5742a has RGB values of R:197, G:116, B:42 and CMYK values of C:0, M:0.41, Y:0.79, K:0.23. Its decimal value is 12940330.

Hex triplet	c5742a	`#c5742a`
RGB Decimal	197, 116, 42	`rgb(197,116,42)`
RGB Percent	77.3, 45.5, 16.5	`rgb(77.3%,45.5%,16.5%)`
CMYK	0, 41, 79, 23
HSL	28.6°, 64.9, 46.9	`hsl(28.6,64.9%,46.9%)`
HSV (or HSB)	28.6°, 78.7, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.615, 26.26, 51.892
XYZ	29.69, 24.531, 5.362
xyY	0.498, 0.412, 24.531
CIE-LCH	56.615, 58.158, 63.158
CIE-LUV	56.615, 65.655, 48.046
Hunter-Lab	49.528, 20.328, 28.251
Binary	11000101, 01110100, 00101010

#c5742a
```
#c5742a rgb(197,116,42)
```
#2a7bc5
```
#2a7bc5 rgb(42,123,197)
```

Complementary Color

#c52a2e
```
#c52a2e rgb(197,42,46)
```
#c5742a
```
#c5742a rgb(197,116,42)
```
#c5c22a
```
#c5c22a rgb(197,194,42)
```

Analogous Color

#2a2ec5
```
#2a2ec5 rgb(42,46,197)
```
#c5742a
```
#c5742a rgb(197,116,42)
```
#2ac5c2
```
#2ac5c2 rgb(42,197,194)
```

Split Complementary Color

#742ac5
```
#742ac5 rgb(116,42,197)
```
#c5742a
```
#c5742a rgb(197,116,42)
```
#2ac574
```
#2ac574 rgb(42,197,116)
```

Triadic Color

#c52a7b
```
#c52a7b rgb(197,42,123)
```
#c5742a
```
#c5742a rgb(197,116,42)
```
#2ac574
```
#2ac574 rgb(42,197,116)
```
#2a7bc5
```
#2a7bc5 rgb(42,123,197)
```

Tetradic Color

#864f1d
```
#864f1d rgb(134,79,29)
```
#9b5b21
```
#9b5b21 rgb(155,91,33)
```
#b06826
```
#b06826 rgb(176,104,38)
```
#c5742a
```
#c5742a rgb(197,116,42)
```
#d48135
```
#d48135 rgb(212,129,53)
```
#d88e4a
```
#d88e4a rgb(216,142,74)
```
#dd9b5f
```
#dd9b5f rgb(221,155,95)
```

Monochromatic Color

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

#c54d2a
```
#c54d2a rgb(197,77,42)
```
#c55a2a
```
#c55a2a rgb(197,90,42)
```
#c5672a
```
#c5672a rgb(197,103,42)
```
#c5742a
```
#c5742a rgb(197,116,42)
```
#c5812a
```
#c5812a rgb(197,129,42)
```
#c58e2a
```
#c58e2a rgb(197,142,42)
```
#c59b2a
```
#c59b2a rgb(197,155,42)
```

Similar Colors

Text with hexadecimal color #c5742a

This text has a font color of #c5742a.

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

#c5742a background color

This paragraph has a background color of #c5742a.

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

#c5742a border color

This element has a border color of #c5742a.

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

CSS codes

.text {color:#c5742a;}

.background {background-color:#c5742a;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130b04
```
#130b04 rgb(19,11,4)
```
#231508
```
#231508 rgb(35,21,8)
```
#331e0b
```
#331e0b rgb(51,30,11)
```
#44280e
```
#44280e rgb(68,40,14)
```
#543112
```
#543112 rgb(84,49,18)
```
#643b15
```
#643b15 rgb(100,59,21)
```
#744419
```
#744419 rgb(116,68,25)
```
#844e1c
```
#844e1c rgb(132,78,28)
```
#945720
```
#945720 rgb(148,87,32)
```
#a56123
```
#a56123 rgb(165,97,35)
```
#b56a27
```
#b56a27 rgb(181,106,39)
```
#c5742a
```
#c5742a rgb(197,116,42)
```

Shade Color Variation

#d37e30
```
#d37e30 rgb(211,126,48)
```
#d68840
```
#d68840 rgb(214,136,64)
```
#da9250
```
#da9250 rgb(218,146,80)
```
#dd9c60
```
#dd9c60 rgb(221,156,96)
```
#e1a670
```
#e1a670 rgb(225,166,112)
```
#e4b081
```
#e4b081 rgb(228,176,129)
```
#e8ba91
```
#e8ba91 rgb(232,186,145)
```
#ebc4a1
```
#ebc4a1 rgb(235,196,161)
```
#eeceb1
```
#eeceb1 rgb(238,206,177)
```
#f2d8c1
```
#f2d8c1 rgb(242,216,193)
```
#f5e3d1
```
#f5e3d1 rgb(245,227,209)
```
#f9ede2
```
#f9ede2 rgb(249,237,226)
```
#fcf7f2
```
#fcf7f2 rgb(252,247,242)
```

Tint Color Variation

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

#7b7774
```
#7b7774 rgb(123,119,116)
```
#85776a
```
#85776a rgb(133,119,106)
```
#8e7661
```
#8e7661 rgb(142,118,97)
```
#977658
```
#977658 rgb(151,118,88)
```
#a0764f
```
#a0764f rgb(160,118,79)
```
#a97546
```
#a97546 rgb(169,117,70)
```
#b3753c
```
#b3753c rgb(179,117,60)
```
#bc7433
```
#bc7433 rgb(188,116,51)
```
#c5742a
```
#c5742a rgb(197,116,42)
```
#ce7421
```
#ce7421 rgb(206,116,33)
```
#d77318
```
#d77318 rgb(215,115,24)
```
#e1730e
```
#e1730e rgb(225,115,14)
```
#ea7205
```
#ea7205 rgb(234,114,5)
```

Tone Color Variation

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

#9d8e3a Protanopia 1% of men
#b08730 Deuteranopia 1% of men
#cb747b Tritanopia 0.001% of the population

Trichromacy

#ac8434 Protanomaly 1% of men, 0.01% of women
#b7802d Deuteranomaly 6% of men, 0.4% of women
#c9745d Tritanomaly 0.01% of the population

#c5742a hex color

#c5742a Color Information

#c5742a Color Conversion

Color Schemes with #c5742a

Alternatives to #c5742a

#c5742a Preview

Shades and Tints of #c5742a

Tones of #c5742a

Color Blindness Simulator