#c5422c hex color

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

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

● #c5422c color description : Strong red.

The hexadecimal color #c5422c has RGB values of R:197, G:66, B:44 and CMYK values of C:0, M:0.66, Y:0.78, K:0.23. Its decimal value is 12927532.

Hex triplet	c5422c	`#c5422c`
RGB Decimal	197, 66, 44	`rgb(197,66,44)`
RGB Percent	77.3, 25.9, 17.3	`rgb(77.3%,25.9%,17.3%)`
CMYK	0, 66, 78, 23
HSL	8.6°, 63.5, 47.3	`hsl(8.6,63.5%,47.3%)`
HSV (or HSB)	8.6°, 77.7, 77.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.911, 51.018, 41.308
XYZ	25.43, 15.951, 4.123
xyY	0.559, 0.351, 15.951
CIE-LCH	46.911, 65.645, 38.996
CIE-LUV	46.911, 103.238, 30.377
Hunter-Lab	39.939, 43.76, 21.837
Binary	11000101, 01000010, 00101100

#c5422c
```
#c5422c rgb(197,66,44)
```
#2cafc5
```
#2cafc5 rgb(44,175,197)
```

Complementary Color

#c52c62
```
#c52c62 rgb(197,44,98)
```
#c5422c
```
#c5422c rgb(197,66,44)
```
#c58f2c
```
#c58f2c rgb(197,143,44)
```

Analogous Color

#2c62c5
```
#2c62c5 rgb(44,98,197)
```
#c5422c
```
#c5422c rgb(197,66,44)
```
#2cc58f
```
#2cc58f rgb(44,197,143)
```

Split Complementary Color

#422cc5
```
#422cc5 rgb(66,44,197)
```
#c5422c
```
#c5422c rgb(197,66,44)
```
#2cc542
```
#2cc542 rgb(44,197,66)
```

Triadic Color

#c52caf
```
#c52caf rgb(197,44,175)
```
#c5422c
```
#c5422c rgb(197,66,44)
```
#2cc542
```
#2cc542 rgb(44,197,66)
```
#2cafc5
```
#2cafc5 rgb(44,175,197)
```

Tetradic Color

#862d1e
```
#862d1e rgb(134,45,30)
```
#9b3423
```
#9b3423 rgb(155,52,35)
```
#b03b27
```
#b03b27 rgb(176,59,39)
```
#c5422c
```
#c5422c rgb(197,66,44)
```
#d34e38
```
#d34e38 rgb(211,78,56)
```
#d7614d
```
#d7614d rgb(215,97,77)
```
#dc7362
```
#dc7362 rgb(220,115,98)
```

Monochromatic Color

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

#c52c3c
```
#c52c3c rgb(197,44,60)
```
#c52c2f
```
#c52c2f rgb(197,44,47)
```
#c5352c
```
#c5352c rgb(197,53,44)
```
#c5422c
```
#c5422c rgb(197,66,44)
```
#c54f2c
```
#c54f2c rgb(197,79,44)
```
#c55c2c
```
#c55c2c rgb(197,92,44)
```
#c5682c
```
#c5682c rgb(197,104,44)
```

Similar Colors

Text with hexadecimal color #c5422c

This text has a font color of #c5422c.

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

#c5422c background color

This paragraph has a background color of #c5422c.

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

#c5422c border color

This element has a border color of #c5422c.

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

CSS codes

.text {color:#c5422c;}

.background {background-color:#c5422c;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#150705
```
#150705 rgb(21,7,5)
```
#250c08
```
#250c08 rgb(37,12,8)
```
#35120c
```
#35120c rgb(53,18,12)
```
#45170f
```
#45170f rgb(69,23,15)
```
#551c13
```
#551c13 rgb(85,28,19)
```
#652217
```
#652217 rgb(101,34,23)
```
#75271a
```
#75271a rgb(117,39,26)
```
#852d1e
```
#852d1e rgb(133,45,30)
```
#953221
```
#953221 rgb(149,50,33)
```
#a53725
```
#a53725 rgb(165,55,37)
```
#b53d28
```
#b53d28 rgb(181,61,40)
```
#c5422c
```
#c5422c rgb(197,66,44)
```

Shade Color Variation

#d14a33
```
#d14a33 rgb(209,74,51)
```
#d55843
```
#d55843 rgb(213,88,67)
```
#d96653
```
#d96653 rgb(217,102,83)
```
#dc7563
```
#dc7563 rgb(220,117,99)
```
#e08373
```
#e08373 rgb(224,131,115)
```
#e39183
```
#e39183 rgb(227,145,131)
```
#e79f93
```
#e79f93 rgb(231,159,147)
```
#ebaea3
```
#ebaea3 rgb(235,174,163)
```
#eebcb3
```
#eebcb3 rgb(238,188,179)
```
#f2cac3
```
#f2cac3 rgb(242,202,195)
```
#f5d8d3
```
#f5d8d3 rgb(245,216,211)
```
#f9e7e4
```
#f9e7e4 rgb(249,231,228)
```
#fcf5f4
```
#fcf5f4 rgb(252,245,244)
```

Tint Color Variation

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

#7b7776
```
#7b7776 rgb(123,119,118)
```
#84706d
```
#84706d rgb(132,112,109)
```
#8d6a64
```
#8d6a64 rgb(141,106,100)
```
#97635a
```
#97635a rgb(151,99,90)
```
#a05c51
```
#a05c51 rgb(160,92,81)
```
#a95648
```
#a95648 rgb(169,86,72)
```
#b24f3f
```
#b24f3f rgb(178,79,63)
```
#bc4935
```
#bc4935 rgb(188,73,53)
```
#c5422c
```
#c5422c rgb(197,66,44)
```
#ce3b23
```
#ce3b23 rgb(206,59,35)
```
#d83519
```
#d83519 rgb(216,53,25)
```
#e12e10
```
#e12e10 rgb(225,46,16)
```
#ea2807
```
#ea2807 rgb(234,40,7)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7a605b Atypical Achromatopsia 0.001% of the population

Dichromacy

#827643 Protanopia 1% of men
#92712c Deuteranopia 1% of men
#c8494c Tritanopia 0.001% of the population

Trichromacy

#9a633a Protanomaly 1% of men, 0.01% of women
#a5602c Deuteranomaly 6% of men, 0.4% of women
#c74640 Tritanomaly 0.01% of the population

#c5422c hex color

#c5422c Color Information

#c5422c Color Conversion

Color Schemes with #c5422c

Alternatives to #c5422c

#c5422c Preview

Shades and Tints of #c5422c

Tones of #c5422c

Color Blindness Simulator