#c63228 hex color

In a RGB color space, hex #c63228 is composed of 77.6% red, 19.6% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 79.8% yellow and 22.4% black. It has a hue angle of 3.8 degrees, a saturation of 66.4% and a lightness of 46.7%. #c63228 color hex could be obtained by blending #ff6450 with #8d0000. Closest websafe color is: #cc3333.

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

● #c63228 color description : Strong red.

The hexadecimal color #c63228 has RGB values of R:198, G:50, B:40 and CMYK values of C:0, M:0.75, Y:0.8, K:0.22. Its decimal value is 12988968.

Hex triplet	c63228	`#c63228`
RGB Decimal	198, 50, 40	`rgb(198,50,40)`
RGB Percent	77.6, 19.6, 15.7	`rgb(77.6%,19.6%,15.7%)`
CMYK	0, 75, 80, 22
HSL	3.8°, 66.4, 46.7	`hsl(3.8,66.4%,46.7%)`
HSV (or HSB)	3.8°, 79.8, 77.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.862, 57.225, 41.412
XYZ	24.814, 14.443, 3.489
xyY	0.58, 0.338, 14.443
CIE-LCH	44.862, 70.637, 35.892
CIE-LUV	44.862, 114.39, 27.784
Hunter-Lab	38.004, 50.038, 21.16
Binary	11000110, 00110010, 00101000

#c63228
```
#c63228 rgb(198,50,40)
```
#28bcc6
```
#28bcc6 rgb(40,188,198)
```

Complementary Color

#c6286d
```
#c6286d rgb(198,40,109)
```
#c63228
```
#c63228 rgb(198,50,40)
```
#c68128
```
#c68128 rgb(198,129,40)
```

Analogous Color

#286dc6
```
#286dc6 rgb(40,109,198)
```
#c63228
```
#c63228 rgb(198,50,40)
```
#28c681
```
#28c681 rgb(40,198,129)
```

Split Complementary Color

#3228c6
```
#3228c6 rgb(50,40,198)
```
#c63228
```
#c63228 rgb(198,50,40)
```
#28c632
```
#28c632 rgb(40,198,50)
```

Triadic Color

#c628bc
```
#c628bc rgb(198,40,188)
```
#c63228
```
#c63228 rgb(198,50,40)
```
#28c632
```
#28c632 rgb(40,198,50)
```
#28bcc6
```
#28bcc6 rgb(40,188,198)
```

Tetradic Color

#86221b
```
#86221b rgb(134,34,27)
```
#9c271f
```
#9c271f rgb(156,39,31)
```
#b12d24
```
#b12d24 rgb(177,45,36)
```
#c63228
```
#c63228 rgb(198,50,40)
```
#d63c32
```
#d63c32 rgb(214,60,50)
```
#da5047
```
#da5047 rgb(218,80,71)
```
#de655c
```
#de655c rgb(222,101,92)
```

Monochromatic Color

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

#c62846
```
#c62846 rgb(198,40,70)
```
#c62838
```
#c62838 rgb(198,40,56)
```
#c6282b
```
#c6282b rgb(198,40,43)
```
#c63228
```
#c63228 rgb(198,50,40)
```
#c63f28
```
#c63f28 rgb(198,63,40)
```
#c64c28
```
#c64c28 rgb(198,76,40)
```
#c65a28
```
#c65a28 rgb(198,90,40)
```

Similar Colors

Text with hexadecimal color #c63228

This text has a font color of #c63228.

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

#c63228 background color

This paragraph has a background color of #c63228.

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

#c63228 border color

This element has a border color of #c63228.

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

CSS codes

.text {color:#c63228;}

.background {background-color:#c63228;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120504
```
#120504 rgb(18,5,4)
```
#230907
```
#230907 rgb(35,9,7)
```
#330d0a
```
#330d0a rgb(51,13,10)
```
#43110e
```
#43110e rgb(67,17,14)
```
#541511
```
#541511 rgb(84,21,17)
```
#641914
```
#641914 rgb(100,25,20)
```
#741d18
```
#741d18 rgb(116,29,24)
```
#85221b
```
#85221b rgb(133,34,27)
```
#95261e
```
#95261e rgb(149,38,30)
```
#a52a21
```
#a52a21 rgb(165,42,33)
```
#b62e25
```
#b62e25 rgb(182,46,37)
```
#c63228
```
#c63228 rgb(198,50,40)
```

Shade Color Variation

#d5382d
```
#d5382d rgb(213,56,45)
```
#d8473d
```
#d8473d rgb(216,71,61)
```
#db574e
```
#db574e rgb(219,87,78)
```
#de665e
```
#de665e rgb(222,102,94)
```
#e2766e
```
#e2766e rgb(226,118,110)
```
#e5857f
```
#e5857f rgb(229,133,127)
```
#e8958f
```
#e8958f rgb(232,149,143)
```
#eca49f
```
#eca49f rgb(236,164,159)
```
#efb4b0
```
#efb4b0 rgb(239,180,176)
```
#f2c3c0
```
#f2c3c0 rgb(242,195,192)
```
#f6d3d0
```
#f6d3d0 rgb(246,211,208)
```
#f9e2e1
```
#f9e2e1 rgb(249,226,225)
```
#fcf2f1
```
#fcf2f1 rgb(252,242,241)
```

Tint Color Variation

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

#7d7271
```
#7d7271 rgb(125,114,113)
```
#866a68
```
#866a68 rgb(134,106,104)
```
#8f625f
```
#8f625f rgb(143,98,95)
```
#985a56
```
#985a56 rgb(152,90,86)
```
#a1524d
```
#a1524d rgb(161,82,77)
```
#ab4a43
```
#ab4a43 rgb(171,74,67)
```
#b4423a
```
#b4423a rgb(180,66,58)
```
#bd3a31
```
#bd3a31 rgb(189,58,49)
```
#c63228
```
#c63228 rgb(198,50,40)
```
#cf2a1f
```
#cf2a1f rgb(207,42,31)
```
#d82216
```
#d82216 rgb(216,34,22)
```
#e11a0d
```
#e11a0d rgb(225,26,13)
```
#eb1203
```
#eb1203 rgb(235,18,3)
```

Tone Color Variation

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

Dichromacy

#7c7141 Protanopia 1% of men
#8d6c26 Deuteranopia 1% of men
#c93b3d Tritanopia 0.001% of the population

Trichromacy

#975a38 Protanomaly 1% of men, 0.01% of women
#a15727 Deuteranomaly 6% of men, 0.4% of women
#c83735 Tritanomaly 0.01% of the population

#c63228 hex color

#c63228 Color Information

#c63228 Color Conversion

Color Schemes with #c63228

Alternatives to #c63228

#c63228 Preview

Shades and Tints of #c63228

Tones of #c63228

Color Blindness Simulator