#c7312a hex color

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

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

● #c7312a color description : Strong red.

The hexadecimal color #c7312a has RGB values of R:199, G:49, B:42 and CMYK values of C:0, M:0.75, Y:0.79, K:0.22. Its decimal value is 13054250.

Hex triplet	c7312a	`#c7312a`
RGB Decimal	199, 49, 42	`rgb(199,49,42)`
RGB Percent	78, 19.2, 16.5	`rgb(78%,19.2%,16.5%)`
CMYK	0, 75, 79, 22
HSL	2.7°, 65.1, 47.3	`hsl(2.7,65.1%,47.3%)`
HSV (or HSB)	2.7°, 78.9, 78
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.954, 57.927, 40.484
XYZ	25.071, 14.509, 3.671
xyY	0.58, 0.335, 14.509
CIE-LCH	44.954, 70.672, 34.949
CIE-LUV	44.954, 115.369, 27.077
Hunter-Lab	38.091, 50.827, 20.95
Binary	11000111, 00110001, 00101010

#c7312a
```
#c7312a rgb(199,49,42)
```
#2ac0c7
```
#2ac0c7 rgb(42,192,199)
```

Complementary Color

#c72a72
```
#c72a72 rgb(199,42,114)
```
#c7312a
```
#c7312a rgb(199,49,42)
```
#c7802a
```
#c7802a rgb(199,128,42)
```

Analogous Color

#2a72c7
```
#2a72c7 rgb(42,114,199)
```
#c7312a
```
#c7312a rgb(199,49,42)
```
#2ac780
```
#2ac780 rgb(42,199,128)
```

Split Complementary Color

#312ac7
```
#312ac7 rgb(49,42,199)
```
#c7312a
```
#c7312a rgb(199,49,42)
```
#2ac731
```
#2ac731 rgb(42,199,49)
```

Triadic Color

#c72ac0
```
#c72ac0 rgb(199,42,192)
```
#c7312a
```
#c7312a rgb(199,49,42)
```
#2ac731
```
#2ac731 rgb(42,199,49)
```
#2ac0c7
```
#2ac0c7 rgb(42,192,199)
```

Tetradic Color

#88211d
```
#88211d rgb(136,33,29)
```
#9d2721
```
#9d2721 rgb(157,39,33)
```
#b22c26
```
#b22c26 rgb(178,44,38)
```
#c7312a
```
#c7312a rgb(199,49,42)
```
#d53d36
```
#d53d36 rgb(213,61,54)
```
#d9514b
```
#d9514b rgb(217,81,75)
```
#dd6660
```
#dd6660 rgb(221,102,96)
```

Monochromatic Color

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

#c72a4a
```
#c72a4a rgb(199,42,74)
```
#c72a3d
```
#c72a3d rgb(199,42,61)
```
#c72a30
```
#c72a30 rgb(199,42,48)
```
#c7312a
```
#c7312a rgb(199,49,42)
```
#c73e2a
```
#c73e2a rgb(199,62,42)
```
#c74b2a
```
#c74b2a rgb(199,75,42)
```
#c7582a
```
#c7582a rgb(199,88,42)
```

Similar Colors

Text with hexadecimal color #c7312a

This text has a font color of #c7312a.

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

#c7312a background color

This paragraph has a background color of #c7312a.

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

#c7312a border color

This element has a border color of #c7312a.

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

CSS codes

.text {color:#c7312a;}

.background {background-color:#c7312a;}

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

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)
```
#250908
```
#250908 rgb(37,9,8)
```
#350d0b
```
#350d0b rgb(53,13,11)
```
#45110f
```
#45110f rgb(69,17,15)
```
#561512
```
#561512 rgb(86,21,18)
```
#661915
```
#661915 rgb(102,25,21)
```
#761d19
```
#761d19 rgb(118,29,25)
```
#86211c
```
#86211c rgb(134,33,28)
```
#962520
```
#962520 rgb(150,37,32)
```
#a72923
```
#a72923 rgb(167,41,35)
```
#b72d27
```
#b72d27 rgb(183,45,39)
```
#c7312a
```
#c7312a rgb(199,49,42)
```

Shade Color Variation

#d43831
```
#d43831 rgb(212,56,49)
```
#d74841
```
#d74841 rgb(215,72,65)
```
#da5851
```
#da5851 rgb(218,88,81)
```
#de6762
```
#de6762 rgb(222,103,98)
```
#e17772
```
#e17772 rgb(225,119,114)
```
#e58682
```
#e58682 rgb(229,134,130)
```
#e89692
```
#e89692 rgb(232,150,146)
```
#eba6a2
```
#eba6a2 rgb(235,166,162)
```
#efb5b3
```
#efb5b3 rgb(239,181,179)
```
#f2c5c3
```
#f2c5c3 rgb(242,197,195)
```
#f6d5d3
```
#f6d5d3 rgb(246,213,211)
```
#f9e4e3
```
#f9e4e3 rgb(249,228,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 #ec0f05 is the most saturated one.

#7d7574
```
#7d7574 rgb(125,117,116)
```
#866c6b
```
#866c6b rgb(134,108,107)
```
#8f6462
```
#8f6462 rgb(143,100,98)
```
#995b58
```
#995b58 rgb(153,91,88)
```
#a2534f
```
#a2534f rgb(162,83,79)
```
#ab4a46
```
#ab4a46 rgb(171,74,70)
```
#b4423d
```
#b4423d rgb(180,66,61)
```
#be3933
```
#be3933 rgb(190,57,51)
```
#c7312a
```
#c7312a rgb(199,49,42)
```
#d02921
```
#d02921 rgb(208,41,33)
```
#da2017
```
#da2017 rgb(218,32,23)
```
#e3180e
```
#e3180e rgb(227,24,14)
```
#ec0f05
```
#ec0f05 rgb(236,15,5)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#725453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7244 Protanopia 1% of men
#8d6c28 Deuteranopia 1% of men
#ca3a3c Tritanopia 0.001% of the population

Trichromacy

#975a3a Protanomaly 1% of men, 0.01% of women
#a25729 Deuteranomaly 6% of men, 0.4% of women
#c93735 Tritanomaly 0.01% of the population

#c7312a hex color

#c7312a Color Information

#c7312a Color Conversion

Color Schemes with #c7312a

Alternatives to #c7312a

#c7312a Preview

Shades and Tints of #c7312a

Tones of #c7312a

Color Blindness Simulator