#c7331f hex color

In a RGB color space, hex #c7331f is composed of 78% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.4% magenta, 84.4% yellow and 22% black. It has a hue angle of 7.1 degrees, a saturation of 73% and a lightness of 45.1%. #c7331f color hex could be obtained by blending #ff663e with #8f0000. Closest websafe color is: #cc3333.

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

● #c7331f color description : Strong red.

The hexadecimal color #c7331f has RGB values of R:199, G:51, B:31 and CMYK values of C:0, M:0.74, Y:0.84, K:0.22. Its decimal value is 13054751.

Hex triplet	c7331f	`#c7331f`
RGB Decimal	199, 51, 31	`rgb(199,51,31)`
RGB Percent	78, 20, 12.2	`rgb(78%,20%,12.2%)`
CMYK	0, 74, 84, 22
HSL	7.1°, 73, 45.1	`hsl(7.1,73%,45.1%)`
HSV (or HSB)	7.1°, 84.4, 78
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.098, 56.945, 46.301
XYZ	24.986, 14.612, 2.801
xyY	0.589, 0.345, 14.612
CIE-LCH	45.098, 73.393, 39.114
CIE-LUV	45.098, 116.005, 30.688
Hunter-Lab	38.225, 49.78, 22.413
Binary	11000111, 00110011, 00011111

#c7331f
```
#c7331f rgb(199,51,31)
```
#1fb3c7
```
#1fb3c7 rgb(31,179,199)
```

Complementary Color

#c71f5f
```
#c71f5f rgb(199,31,95)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#c7871f
```
#c7871f rgb(199,135,31)
```

Analogous Color

#1f5fc7
```
#1f5fc7 rgb(31,95,199)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#1fc787
```
#1fc787 rgb(31,199,135)
```

Split Complementary Color

#331fc7
```
#331fc7 rgb(51,31,199)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#1fc733
```
#1fc733 rgb(31,199,51)
```

Triadic Color

#c71fb3
```
#c71fb3 rgb(199,31,179)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#1fc733
```
#1fc733 rgb(31,199,51)
```
#1fb3c7
```
#1fb3c7 rgb(31,179,199)
```

Tetradic Color

#852215
```
#852215 rgb(133,34,21)
```
#9b2818
```
#9b2818 rgb(155,40,24)
```
#b12d1c
```
#b12d1c rgb(177,45,28)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#dd3923
```
#dd3923 rgb(221,57,35)
```
#e04d39
```
#e04d39 rgb(224,77,57)
```
#e4614f
```
#e4614f rgb(228,97,79)
```

Monochromatic Color

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

#c71f35
```
#c71f35 rgb(199,31,53)
```
#c71f27
```
#c71f27 rgb(199,31,39)
```
#c7251f
```
#c7251f rgb(199,37,31)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#c7411f
```
#c7411f rgb(199,65,31)
```
#c74f1f
```
#c74f1f rgb(199,79,31)
```
#c75d1f
```
#c75d1f rgb(199,93,31)
```

Similar Colors

Text with hexadecimal color #c7331f

This text has a font color of #c7331f.

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

#c7331f background color

This paragraph has a background color of #c7331f.

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

#c7331f border color

This element has a border color of #c7331f.

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

CSS codes

.text {color:#c7331f;}

.background {background-color:#c7331f;}

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

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, #0c0302 is the darkest color, while #fefbfa is the lightest one.

#0c0302
```
#0c0302 rgb(12,3,2)
```
#1d0805
```
#1d0805 rgb(29,8,5)
```
#2e0c07
```
#2e0c07 rgb(46,12,7)
```
#3f100a
```
#3f100a rgb(63,16,10)
```
#50150c
```
#50150c rgb(80,21,12)
```
#61190f
```
#61190f rgb(97,25,15)
```
#721d12
```
#721d12 rgb(114,29,18)
```
#832214
```
#832214 rgb(131,34,20)
```
#942617
```
#942617 rgb(148,38,23)
```
#a52a1a
```
#a52a1a rgb(165,42,26)
```
#b62f1c
```
#b62f1c rgb(182,47,28)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#d83722
```
#d83722 rgb(216,55,34)
```

Shade Color Variation

#df442f
```
#df442f rgb(223,68,47)
```
#e15340
```
#e15340 rgb(225,83,64)
```
#e46251
```
#e46251 rgb(228,98,81)
```
#e67162
```
#e67162 rgb(230,113,98)
```
#e98173
```
#e98173 rgb(233,129,115)
```
#ec9084
```
#ec9084 rgb(236,144,132)
```
#ee9f95
```
#ee9f95 rgb(238,159,149)
```
#f1aea5
```
#f1aea5 rgb(241,174,165)
```
#f4beb6
```
#f4beb6 rgb(244,190,182)
```
#f6cdc7
```
#f6cdc7 rgb(246,205,199)
```
#f9dcd8
```
#f9dcd8 rgb(249,220,216)
```
#fcece9
```
#fcece9 rgb(252,236,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#77706f
```
#77706f rgb(119,112,111)
```
#806966
```
#806966 rgb(128,105,102)
```
#89625d
```
#89625d rgb(137,98,93)
```
#925b54
```
#925b54 rgb(146,91,84)
```
#9b554b
```
#9b554b rgb(155,85,75)
```
#a44e42
```
#a44e42 rgb(164,78,66)
```
#ac473a
```
#ac473a rgb(172,71,58)
```
#b54031
```
#b54031 rgb(181,64,49)
```
#be3a28
```
#be3a28 rgb(190,58,40)
```
#c7331f
```
#c7331f rgb(199,51,31)
```
#d02c16
```
#d02c16 rgb(208,44,22)
```
#d9260d
```
#d9260d rgb(217,38,13)
```
#e21f04
```
#e21f04 rgb(226,31,4)
```

Tone Color Variation

Below, you can see how #c7331f 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
#725551 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7238 Protanopia 1% of men
#8e6c1a Deuteranopia 1% of men
#ca3b3d Tritanopia 0.001% of the population

Trichromacy

#985b2e Protanomaly 1% of men, 0.01% of women
#a3571b Deuteranomaly 6% of men, 0.4% of women
#c93832 Tritanomaly 0.01% of the population

#c7331f hex color

#c7331f Color Information

#c7331f Color Conversion

Color Schemes with #c7331f

Alternatives to #c7331f

#c7331f Preview

Shades and Tints of #c7331f

Tones of #c7331f

Color Blindness Simulator