colorhexa.com

#c63a31 hex color

In a RGB color space, hex #c63a31 is composed of 77.6% red, 22.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.7% magenta, 75.3% yellow and 22.4% black. It has a hue angle of 3.6 degrees, a saturation of 60.3% and a lightness of 48.4%. #c63a31 color hex could be obtained by blending #ff7462 with #8d0000. Closest websafe color is: #cc3333.

- R 78
- G 23
- B 19
RGB color chart
- C 0
- M 71
- Y 75
- K 22
CMYK color chart

● #c63a31 color description : Strong red.

The hexadecimal color #c63a31 has RGB values of R:198, G:58, B:49 and CMYK values of C:0, M:0.71, Y:0.75, K:0.22. Its decimal value is 12991025.

Hex triplet	c63a31	`#c63a31`
RGB Decimal	198, 58, 49	`rgb(198,58,49)`
RGB Percent	77.6, 22.7, 19.2	`rgb(77.6%,22.7%,19.2%)`
CMYK	0, 71, 75, 22
HSL	3.6°, 60.3, 48.4	`hsl(3.6,60.3%,48.4%)`
HSV (or HSB)	3.6°, 75.3, 77.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.984, 54.707, 37.642
XYZ	25.357, 15.257, 4.515
xyY	0.562, 0.338, 15.257
CIE-LCH	45.984, 66.407, 34.531
CIE-LUV	45.984, 108.187, 26.594
Hunter-Lab	39.06, 47.527, 20.488
Binary	11000110, 00111010, 00110001

#c63a31
```
#c63a31 rgb(198,58,49)
```
#31bdc6
```
#31bdc6 rgb(49,189,198)
```

Complementary Color

#c63173
```
#c63173 rgb(198,49,115)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```
#c68531
```
#c68531 rgb(198,133,49)
```

Analogous Color

#3173c6
```
#3173c6 rgb(49,115,198)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```
#31c685
```
#31c685 rgb(49,198,133)
```

Split Complementary Color

#3a31c6
```
#3a31c6 rgb(58,49,198)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```
#31c63a
```
#31c63a rgb(49,198,58)
```

Triadic Color

#c631bd
```
#c631bd rgb(198,49,189)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```
#31c63a
```
#31c63a rgb(49,198,58)
```
#31bdc6
```
#31bdc6 rgb(49,189,198)
```

Tetradic Color

#892822
```
#892822 rgb(137,40,34)
```
#9d2e27
```
#9d2e27 rgb(157,46,39)
```
#b2342c
```
#b2342c rgb(178,52,44)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```
#d04941
```
#d04941 rgb(208,73,65)
```
#d55d55
```
#d55d55 rgb(213,93,85)
```
#da7069
```
#da7069 rgb(218,112,105)
```

Monochromatic Color

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

#c6314d
```
#c6314d rgb(198,49,77)
```
#c63141
```
#c63141 rgb(198,49,65)
```
#c63134
```
#c63134 rgb(198,49,52)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```
#c64631
```
#c64631 rgb(198,70,49)
```
#c65331
```
#c65331 rgb(198,83,49)
```
#c65f31
```
#c65f31 rgb(198,95,49)
```

Similar Colors

Text with hexadecimal color #c63a31

This text has a font color of #c63a31.

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

#c63a31 background color

This paragraph has a background color of #c63a31.

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

#c63a31 border color

This element has a border color of #c63a31.

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

CSS codes

.text {color:#c63a31;}

.background {background-color:#c63a31;}

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

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

#090302
```
#090302 rgb(9,3,2)
```
#190706
```
#190706 rgb(25,7,6)
```
#290c0a
```
#290c0a rgb(41,12,10)
```
#38110e
```
#38110e rgb(56,17,14)
```
#481512
```
#481512 rgb(72,21,18)
```
#581a16
```
#581a16 rgb(88,26,22)
```
#681e1a
```
#681e1a rgb(104,30,26)
```
#77231e
```
#77231e rgb(119,35,30)
```
#872821
```
#872821 rgb(135,40,33)
```
#972c25
```
#972c25 rgb(151,44,37)
```
#a73129
```
#a73129 rgb(167,49,41)
```
#b6352d
```
#b6352d rgb(182,53,45)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```

Shade Color Variation

#cf453c
```
#cf453c rgb(207,69,60)
```
#d3544c
```
#d3544c rgb(211,84,76)
```
#d6635b
```
#d6635b rgb(214,99,91)
```
#da726b
```
#da726b rgb(218,114,107)
```
#de817b
```
#de817b rgb(222,129,123)
```
#e2908b
```
#e2908b rgb(226,144,139)
```
#e69f9a
```
#e69f9a rgb(230,159,154)
```
#eaaeaa
```
#eaaeaa rgb(234,174,170)
```
#eebdba
```
#eebdba rgb(238,189,186)
```
#f2ccc9
```
#f2ccc9 rgb(242,204,201)
```
#f6dbd9
```
#f6dbd9 rgb(246,219,217)
```
#faeae9
```
#faeae9 rgb(250,234,233)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#847474
```
#847474 rgb(132,116,116)
```
#8d6c6a
```
#8d6c6a rgb(141,108,106)
```
#976461
```
#976461 rgb(151,100,97)
```
#a05b57
```
#a05b57 rgb(160,91,87)
```
#aa534e
```
#aa534e rgb(170,83,78)
```
#b34b44
```
#b34b44 rgb(179,75,68)
```
#bd423b
```
#bd423b rgb(189,66,59)
```
#c63a31
```
#c63a31 rgb(198,58,49)
```
#d03228
```
#d03228 rgb(208,50,40)
```
#d9291e
```
#d9291e rgb(217,41,30)
```
#e32115
```
#e32115 rgb(227,33,21)
```
#ec190b
```
#ec190b rgb(236,25,11)
```
#f61001
```
#f61001 rgb(246,16,1)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#775b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744a Protanopia 1% of men
#8f6f31 Deuteranopia 1% of men
#c94245 Tritanopia 0.001% of the population

Trichromacy

#985f41 Protanomaly 1% of men, 0.01% of women
#a35b31 Deuteranomaly 6% of men, 0.4% of women
#c83f3e Tritanomaly 0.01% of the population