#c4312d hex color

In a RGB color space, hex #c4312d is composed of 76.9% red, 19.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 77% yellow and 23.1% black. It has a hue angle of 1.6 degrees, a saturation of 62.7% and a lightness of 47.3%. #c4312d color hex could be obtained by blending #ff625a with #890000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 77
- G 19
- B 18
RGB color chart
- C 0
- M 75
- Y 77
- K 23
CMYK color chart

● #c4312d color description : Strong red.

The hexadecimal color #c4312d has RGB values of R:196, G:49, B:45 and CMYK values of C:0, M:0.75, Y:0.77, K:0.23. Its decimal value is 12857645.

Hex triplet	c4312d	`#c4312d`
RGB Decimal	196, 49, 45	`rgb(196,49,45)`
RGB Percent	76.9, 19.2, 17.6	`rgb(76.9%,19.2%,17.6%)`
CMYK	0, 75, 77, 23
HSL	1.6°, 62.7, 47.3	`hsl(1.6,62.7%,47.3%)`
HSV (or HSB)	1.6°, 77, 76.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.411, 57.113, 38.077
XYZ	24.338, 14.125, 3.927
xyY	0.574, 0.333, 14.125
CIE-LCH	44.411, 68.642, 33.691
CIE-LUV	44.411, 112.423, 25.561
Hunter-Lab	37.583, 49.823, 20.112
Binary	11000100, 00110001, 00101101

#c4312d
```
#c4312d rgb(196,49,45)
```
#2dc0c4
```
#2dc0c4 rgb(45,192,196)
```

Complementary Color

#c42d75
```
#c42d75 rgb(196,45,117)
```
#c4312d
```
#c4312d rgb(196,49,45)
```
#c47d2d
```
#c47d2d rgb(196,125,45)
```

Analogous Color

#2d75c4
```
#2d75c4 rgb(45,117,196)
```
#c4312d
```
#c4312d rgb(196,49,45)
```
#2dc47d
```
#2dc47d rgb(45,196,125)
```

Split Complementary Color

#312dc4
```
#312dc4 rgb(49,45,196)
```
#c4312d
```
#c4312d rgb(196,49,45)
```
#2dc431
```
#2dc431 rgb(45,196,49)
```

Triadic Color

#c42dc0
```
#c42dc0 rgb(196,45,192)
```
#c4312d
```
#c4312d rgb(196,49,45)
```
#2dc431
```
#2dc431 rgb(45,196,49)
```
#2dc0c4
```
#2dc0c4 rgb(45,192,196)
```

Tetradic Color

#86211f
```
#86211f rgb(134,33,31)
```
#9b2723
```
#9b2723 rgb(155,39,35)
```
#af2c28
```
#af2c28 rgb(175,44,40)
```
#c4312d
```
#c4312d rgb(196,49,45)
```
#d23d39
```
#d23d39 rgb(210,61,57)
```
#d6514e
```
#d6514e rgb(214,81,78)
```
#db6662
```
#db6662 rgb(219,102,98)
```

Monochromatic Color

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

#c42d4f
```
#c42d4f rgb(196,45,79)
```
#c42d42
```
#c42d42 rgb(196,45,66)
```
#c42d36
```
#c42d36 rgb(196,45,54)
```
#c4312d
```
#c4312d rgb(196,49,45)
```
#c43e2d
```
#c43e2d rgb(196,62,45)
```
#c44a2d
```
#c44a2d rgb(196,74,45)
```
#c4572d
```
#c4572d rgb(196,87,45)
```

Similar Colors

Text with hexadecimal color #c4312d

This text has a font color of #c4312d.

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

#c4312d background color

This paragraph has a background color of #c4312d.

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

#c4312d border color

This element has a border color of #c4312d.

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

CSS codes

.text {color:#c4312d;}

.background {background-color:#c4312d;}

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

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 #fcf4f4 is the lightest one.

#050101
```
#050101 rgb(5,1,1)
```
#150505
```
#150505 rgb(21,5,5)
```
#240908
```
#240908 rgb(36,9,8)
```
#340d0c
```
#340d0c rgb(52,13,12)
```
#441110
```
#441110 rgb(68,17,16)
```
#541513
```
#541513 rgb(84,21,19)
```
#641917
```
#641917 rgb(100,25,23)
```
#741d1b
```
#741d1b rgb(116,29,27)
```
#84211e
```
#84211e rgb(132,33,30)
```
#942522
```
#942522 rgb(148,37,34)
```
#a42926
```
#a42926 rgb(164,41,38)
```
#b42d29
```
#b42d29 rgb(180,45,41)
```
#c4312d
```
#c4312d rgb(196,49,45)
```

Shade Color Variation

#d03834
```
#d03834 rgb(208,56,52)
```
#d44844
```
#d44844 rgb(212,72,68)
```
#d85854
```
#d85854 rgb(216,88,84)
```
#db6764
```
#db6764 rgb(219,103,100)
```
#df7774
```
#df7774 rgb(223,119,116)
```
#e38684
```
#e38684 rgb(227,134,132)
```
#e69694
```
#e69694 rgb(230,150,148)
```
#eaa6a4
```
#eaa6a4 rgb(234,166,164)
```
#eeb5b4
```
#eeb5b4 rgb(238,181,180)
```
#f1c5c4
```
#f1c5c4 rgb(241,197,196)
```
#f5d5d4
```
#f5d5d4 rgb(245,213,212)
```
#f9e4e4
```
#f9e4e4 rgb(249,228,228)
```
#fcf4f4
```
#fcf4f4 rgb(252,244,244)
```

Tint Color Variation

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

#7a7777
```
#7a7777 rgb(122,119,119)
```
#836e6e
```
#836e6e rgb(131,110,110)
```
#8c6665
```
#8c6665 rgb(140,102,101)
```
#965d5b
```
#965d5b rgb(150,93,91)
```
#9f5452
```
#9f5452 rgb(159,84,82)
```
#a84b49
```
#a84b49 rgb(168,75,73)
```
#b14340
```
#b14340 rgb(177,67,64)
```
#bb3a36
```
#bb3a36 rgb(187,58,54)
```
#c4312d
```
#c4312d rgb(196,49,45)
```
#cd2824
```
#cd2824 rgb(205,40,36)
```
#d71f1a
```
#d71f1a rgb(215,31,26)
```
#e01711
```
#e01711 rgb(224,23,17)
```
#e90e08
```
#e90e08 rgb(233,14,8)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#715353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7047 Protanopia 1% of men
#8b6b2c Deuteranopia 1% of men
#c73a3d Tritanopia 0.001% of the population

Trichromacy

#95593d Protanomaly 1% of men, 0.01% of women
#a0562c Deuteranomaly 6% of men, 0.4% of women
#c63737 Tritanomaly 0.01% of the population

#c4312d hex color

#c4312d Color Information

#c4312d Color Conversion

Color Schemes with #c4312d

Alternatives to #c4312d

#c4312d Preview

Shades and Tints of #c4312d

Tones of #c4312d

Color Blindness Simulator