#c7342a hex color

In a RGB color space, hex #c7342a is composed of 78% red, 20.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.9% magenta, 78.9% yellow and 22% black. It has a hue angle of 3.8 degrees, a saturation of 65.1% and a lightness of 47.3%. #c7342a color hex could be obtained by blending #ff6854 with #8f0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 78
- G 20
- B 16
RGB color chart
- C 0
- M 74
- Y 79
- K 22
CMYK color chart

● #c7342a color description : Strong red.

The hexadecimal color #c7342a has RGB values of R:199, G:52, B:42 and CMYK values of C:0, M:0.74, Y:0.79, K:0.22. Its decimal value is 13055018.

Hex triplet	c7342a	`#c7342a`
RGB Decimal	199, 52, 42	`rgb(199,52,42)`
RGB Percent	78, 20.4, 16.5	`rgb(78%,20.4%,16.5%)`
CMYK	0, 74, 79, 22
HSL	3.8°, 65.1, 47.3	`hsl(3.8,65.1%,47.3%)`
HSV (or HSB)	3.8°, 78.9, 78
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.315, 56.923, 40.854
XYZ	25.2, 14.768, 3.714
xyY	0.577, 0.338, 14.768
CIE-LCH	45.315, 70.066, 35.667
CIE-LUV	45.315, 113.734, 27.748
Hunter-Lab	38.43, 49.8, 21.171
Binary	11000111, 00110100, 00101010

#c7342a
```
#c7342a rgb(199,52,42)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```

Complementary Color

#c72a6f
```
#c72a6f rgb(199,42,111)
```
#c7342a
```
#c7342a rgb(199,52,42)
```
#c7832a
```
#c7832a rgb(199,131,42)
```

Analogous Color

#2a6fc7
```
#2a6fc7 rgb(42,111,199)
```
#c7342a
```
#c7342a rgb(199,52,42)
```
#2ac783
```
#2ac783 rgb(42,199,131)
```

Split Complementary Color

#342ac7
```
#342ac7 rgb(52,42,199)
```
#c7342a
```
#c7342a rgb(199,52,42)
```
#2ac734
```
#2ac734 rgb(42,199,52)
```

Triadic Color

#c72abd
```
#c72abd rgb(199,42,189)
```
#c7342a
```
#c7342a rgb(199,52,42)
```
#2ac734
```
#2ac734 rgb(42,199,52)
```
#2abdc7
```
#2abdc7 rgb(42,189,199)
```

Tetradic Color

#88231d
```
#88231d rgb(136,35,29)
```
#9d2921
```
#9d2921 rgb(157,41,33)
```
#b22e26
```
#b22e26 rgb(178,46,38)
```
#c7342a
```
#c7342a rgb(199,52,42)
```
#d54036
```
#d54036 rgb(213,64,54)
```
#d9544b
```
#d9544b rgb(217,84,75)
```
#dd6860
```
#dd6860 rgb(221,104,96)
```

Monochromatic Color

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

#c72a47
```
#c72a47 rgb(199,42,71)
```
#c72a3a
```
#c72a3a rgb(199,42,58)
```
#c72a2d
```
#c72a2d rgb(199,42,45)
```
#c7342a
```
#c7342a rgb(199,52,42)
```
#c7412a
```
#c7412a rgb(199,65,42)
```
#c74e2a
```
#c74e2a rgb(199,78,42)
```
#c75b2a
```
#c75b2a rgb(199,91,42)
```

Similar Colors

Text with hexadecimal color #c7342a

This text has a font color of #c7342a.

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

#c7342a background color

This paragraph has a background color of #c7342a.

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

#c7342a border color

This element has a border color of #c7342a.

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

CSS codes

.text {color:#c7342a;}

.background {background-color:#c7342a;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#150504
```
#150504 rgb(21,5,4)
```
#250a08
```
#250a08 rgb(37,10,8)
```
#350e0b
```
#350e0b rgb(53,14,11)
```
#45120f
```
#45120f rgb(69,18,15)
```
#561612
```
#561612 rgb(86,22,18)
```
#661b15
```
#661b15 rgb(102,27,21)
```
#761f19
```
#761f19 rgb(118,31,25)
```
#86231c
```
#86231c rgb(134,35,28)
```
#962720
```
#962720 rgb(150,39,32)
```
#a72c23
```
#a72c23 rgb(167,44,35)
```
#b73027
```
#b73027 rgb(183,48,39)
```
#c7342a
```
#c7342a rgb(199,52,42)
```

Shade Color Variation

#d43b31
```
#d43b31 rgb(212,59,49)
```
#d74b41
```
#d74b41 rgb(215,75,65)
```
#da5a51
```
#da5a51 rgb(218,90,81)
```
#de6a62
```
#de6a62 rgb(222,106,98)
```
#e17972
```
#e17972 rgb(225,121,114)
```
#e58882
```
#e58882 rgb(229,136,130)
```
#e89892
```
#e89892 rgb(232,152,146)
```
#eba7a2
```
#eba7a2 rgb(235,167,162)
```
#efb6b3
```
#efb6b3 rgb(239,182,179)
```
#f2c6c3
```
#f2c6c3 rgb(242,198,195)
```
#f6d5d3
```
#f6d5d3 rgb(246,213,211)
```
#f9e5e3
```
#f9e5e3 rgb(249,229,227)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#7d7574
```
#7d7574 rgb(125,117,116)
```
#866d6b
```
#866d6b rgb(134,109,107)
```
#8f6562
```
#8f6562 rgb(143,101,98)
```
#995c58
```
#995c58 rgb(153,92,88)
```
#a2544f
```
#a2544f rgb(162,84,79)
```
#ab4c46
```
#ab4c46 rgb(171,76,70)
```
#b4443d
```
#b4443d rgb(180,68,61)
```
#be3c33
```
#be3c33 rgb(190,60,51)
```
#c7342a
```
#c7342a rgb(199,52,42)
```
#d02c21
```
#d02c21 rgb(208,44,33)
```
#da2417
```
#da2417 rgb(218,36,23)
```
#e31c0e
```
#e31c0e rgb(227,28,14)
```
#ec1405
```
#ec1405 rgb(236,20,5)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#745654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7243 Protanopia 1% of men
#8e6d28 Deuteranopia 1% of men
#ca3d3f Tritanopia 0.001% of the population

Trichromacy

#985c3a Protanomaly 1% of men, 0.01% of women
#a35829 Deuteranomaly 6% of men, 0.4% of women
#c93937 Tritanomaly 0.01% of the population

#c7342a hex color

#c7342a Color Information

#c7342a Color Conversion

Color Schemes with #c7342a

Alternatives to #c7342a

#c7342a Preview

Shades and Tints of #c7342a

Tones of #c7342a

Color Blindness Simulator