colorhexa.com

#c7322d hex color

In a RGB color space, hex #c7322d is composed of 78% red, 19.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 77.4% yellow and 22% black. It has a hue angle of 1.9 degrees, a saturation of 63.1% and a lightness of 47.8%. #c7322d color hex could be obtained by blending #ff645a with #8f0000. Closest websafe color is: #cc3333.

- R 78
- G 20
- B 18
RGB color chart
- C 0
- M 75
- Y 77
- K 22
CMYK color chart

● #c7322d color description : Strong red.

The hexadecimal color #c7322d has RGB values of R:199, G:50, B:45 and CMYK values of C:0, M:0.75, Y:0.77, K:0.22. Its decimal value is 13054509.

Hex triplet	c7322d	`#c7322d`
RGB Decimal	199, 50, 45	`rgb(199,50,45)`
RGB Percent	78, 19.6, 17.6	`rgb(78%,19.6%,17.6%)`
CMYK	0, 75, 77, 22
HSL	1.9°, 63.1, 47.8	`hsl(1.9,63.1%,47.8%)`
HSV (or HSB)	1.9°, 77.4, 78
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.103, 57.701, 38.985
XYZ	25.169, 14.616, 3.978
xyY	0.575, 0.334, 14.616
CIE-LCH	45.103, 69.636, 34.044
CIE-LUV	45.103, 114.277, 26.278
Hunter-Lab	38.231, 50.61, 20.592
Binary	11000111, 00110010, 00101101

#c7322d
```
#c7322d rgb(199,50,45)
```
#2dc2c7
```
#2dc2c7 rgb(45,194,199)
```

Complementary Color

#c72d75
```
#c72d75 rgb(199,45,117)
```
#c7322d
```
#c7322d rgb(199,50,45)
```
#c77f2d
```
#c77f2d rgb(199,127,45)
```

Analogous Color

#2d75c7
```
#2d75c7 rgb(45,117,199)
```
#c7322d
```
#c7322d rgb(199,50,45)
```
#2dc77f
```
#2dc77f rgb(45,199,127)
```

Split Complementary Color

#322dc7
```
#322dc7 rgb(50,45,199)
```
#c7322d
```
#c7322d rgb(199,50,45)
```
#2dc732
```
#2dc732 rgb(45,199,50)
```

Triadic Color

#c72dc2
```
#c72dc2 rgb(199,45,194)
```
#c7322d
```
#c7322d rgb(199,50,45)
```
#2dc732
```
#2dc732 rgb(45,199,50)
```
#2dc2c7
```
#2dc2c7 rgb(45,194,199)
```

Tetradic Color

#89221f
```
#89221f rgb(137,34,31)
```
#9d2824
```
#9d2824 rgb(157,40,36)
```
#b22d28
```
#b22d28 rgb(178,45,40)
```
#c7322d
```
#c7322d rgb(199,50,45)
```
#d3403b
```
#d3403b rgb(211,64,59)
```
#d75450
```
#d75450 rgb(215,84,80)
```
#dc6864
```
#dc6864 rgb(220,104,100)
```

Monochromatic Color

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

#c72d4f
```
#c72d4f rgb(199,45,79)
```
#c72d42
```
#c72d42 rgb(199,45,66)
```
#c72d35
```
#c72d35 rgb(199,45,53)
```
#c7322d
```
#c7322d rgb(199,50,45)
```
#c73f2d
```
#c73f2d rgb(199,63,45)
```
#c74c2d
```
#c74c2d rgb(199,76,45)
```
#c7592d
```
#c7592d rgb(199,89,45)
```

Similar Colors

Text with hexadecimal color #c7322d

This text has a font color of #c7322d.

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

#c7322d background color

This paragraph has a background color of #c7322d.

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

#c7322d border color

This element has a border color of #c7322d.

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

CSS codes

.text {color:#c7322d;}

.background {background-color:#c7322d;}

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

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

#070202
```
#070202 rgb(7,2,2)
```
#170605
```
#170605 rgb(23,6,5)
```
#270a09
```
#270a09 rgb(39,10,9)
```
#370e0c
```
#370e0c rgb(55,14,12)
```
#471210
```
#471210 rgb(71,18,16)
```
#571614
```
#571614 rgb(87,22,20)
```
#671a17
```
#671a17 rgb(103,26,23)
```
#771e1b
```
#771e1b rgb(119,30,27)
```
#87221f
```
#87221f rgb(135,34,31)
```
#972622
```
#972622 rgb(151,38,34)
```
#a72a26
```
#a72a26 rgb(167,42,38)
```
#b72e29
```
#b72e29 rgb(183,46,41)
```
#c7322d
```
#c7322d rgb(199,50,45)
```

Shade Color Variation

#d23b36
```
#d23b36 rgb(210,59,54)
```
#d54b46
```
#d54b46 rgb(213,75,70)
```
#d95a56
```
#d95a56 rgb(217,90,86)
```
#dc6a66
```
#dc6a66 rgb(220,106,102)
```
#e07976
```
#e07976 rgb(224,121,118)
```
#e48986
```
#e48986 rgb(228,137,134)
```
#e79996
```
#e79996 rgb(231,153,150)
```
#eba8a6
```
#eba8a6 rgb(235,168,166)
```
#efb8b6
```
#efb8b6 rgb(239,184,182)
```
#f2c7c6
```
#f2c7c6 rgb(242,199,198)
```
#f6d7d6
```
#f6d7d6 rgb(246,215,214)
```
#f9e7e6
```
#f9e7e6 rgb(249,231,230)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#7c7878
```
#7c7878 rgb(124,120,120)
```
#856f6f
```
#856f6f rgb(133,111,111)
```
#8f6765
```
#8f6765 rgb(143,103,101)
```
#985e5c
```
#985e5c rgb(152,94,92)
```
#a15553
```
#a15553 rgb(161,85,83)
```
#ab4c49
```
#ab4c49 rgb(171,76,73)
```
#b44440
```
#b44440 rgb(180,68,64)
```
#be3b36
```
#be3b36 rgb(190,59,54)
```
#c7322d
```
#c7322d rgb(199,50,45)
```
#d02924
```
#d02924 rgb(208,41,36)
```
#da201a
```
#da201a rgb(218,32,26)
```
#e31811
```
#e31811 rgb(227,24,17)
```
#ed0f07
```
#ed0f07 rgb(237,15,7)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#735554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7247 Protanopia 1% of men
#8d6d2c Deuteranopia 1% of men
#ca3b3d Tritanopia 0.001% of the population

Trichromacy

#975b3d Protanomaly 1% of men, 0.01% of women
#a2572c Deuteranomaly 6% of men, 0.4% of women
#c83837 Tritanomaly 0.01% of the population