#c22312 hex color

In a RGB color space, hex #c22312 is composed of 76.1% red, 13.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 90.7% yellow and 23.9% black. It has a hue angle of 5.8 degrees, a saturation of 83% and a lightness of 41.6%. #c22312 color hex could be obtained by blending #ff4624 with #850000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 76
- G 14
- B 7
RGB color chart
- C 0
- M 82
- Y 91
- K 24
CMYK color chart

● #c22312 color description : Strong red.

The hexadecimal color #c22312 has RGB values of R:194, G:35, B:18 and CMYK values of C:0, M:0.82, Y:0.91, K:0.24. Its decimal value is 12722962.

Hex triplet	c22312	`#c22312`
RGB Decimal	194, 35, 18	`rgb(194,35,18)`
RGB Percent	76.1, 13.7, 7.1	`rgb(76.1%,13.7%,7.1%)`
CMYK	0, 82, 91, 24
HSL	5.8°, 83, 41.6	`hsl(5.8,83%,41.6%)`
HSV (or HSB)	5.8°, 90.7, 76.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	42.335, 59.95, 49.458
XYZ	22.96, 12.718, 1.818
xyY	0.612, 0.339, 12.718
CIE-LCH	42.335, 77.718, 39.522
CIE-LUV	42.335, 121.718, 29.655
Hunter-Lab	35.662, 52.51, 21.941
Binary	11000010, 00100011, 00010010

#c22312
```
#c22312 rgb(194,35,18)
```
#12b1c2
```
#12b1c2 rgb(18,177,194)
```

Complementary Color

#c21259
```
#c21259 rgb(194,18,89)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#c27b12
```
#c27b12 rgb(194,123,18)
```

Analogous Color

#1259c2
```
#1259c2 rgb(18,89,194)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#12c27b
```
#12c27b rgb(18,194,123)
```

Split Complementary Color

#2312c2
```
#2312c2 rgb(35,18,194)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#12c223
```
#12c223 rgb(18,194,35)
```

Triadic Color

#c212b1
```
#c212b1 rgb(194,18,177)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#12c223
```
#12c223 rgb(18,194,35)
```
#12b1c2
```
#12b1c2 rgb(18,177,194)
```

Tetradic Color

#7c160c
```
#7c160c rgb(124,22,12)
```
#931b0e
```
#931b0e rgb(147,27,14)
```
#ab1f10
```
#ab1f10 rgb(171,31,16)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#d92714
```
#d92714 rgb(217,39,20)
```
#ea311d
```
#ea311d rgb(234,49,29)
```
#ec4634
```
#ec4634 rgb(236,70,52)
```

Monochromatic Color

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

#c2122d
```
#c2122d rgb(194,18,45)
```
#c2121e
```
#c2121e rgb(194,18,30)
```
#c21412
```
#c21412 rgb(194,20,18)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#c23212
```
#c23212 rgb(194,50,18)
```
#c24012
```
#c24012 rgb(194,64,18)
```
#c24f12
```
#c24f12 rgb(194,79,18)
```

Similar Colors

Text with hexadecimal color #c22312

This text has a font color of #c22312.

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

#c22312 background color

This paragraph has a background color of #c22312.

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

#c22312 border color

This element has a border color of #c22312.

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

CSS codes

.text {color:#c22312;}

.background {background-color:#c22312;}

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

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

#0f0301
```
#0f0301 rgb(15,3,1)
```
#200603
```
#200603 rgb(32,6,3)
```
#320905
```
#320905 rgb(50,9,5)
```
#440c06
```
#440c06 rgb(68,12,6)
```
#561008
```
#561008 rgb(86,16,8)
```
#68130a
```
#68130a rgb(104,19,10)
```
#7a160b
```
#7a160b rgb(122,22,11)
```
#8c190d
```
#8c190d rgb(140,25,13)
```
#9e1d0f
```
#9e1d0f rgb(158,29,15)
```
#b02010
```
#b02010 rgb(176,32,16)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#d42614
```
#d42614 rgb(212,38,20)
```
#e62915
```
#e62915 rgb(230,41,21)
```

Shade Color Variation

#eb3724
```
#eb3724 rgb(235,55,36)
```
#ec4836
```
#ec4836 rgb(236,72,54)
```
#ee5848
```
#ee5848 rgb(238,88,72)
```
#f0685a
```
#f0685a rgb(240,104,90)
```
#f1796c
```
#f1796c rgb(241,121,108)
```
#f3897e
```
#f3897e rgb(243,137,126)
```
#f59a90
```
#f59a90 rgb(245,154,144)
```
#f6aaa2
```
#f6aaa2 rgb(246,170,162)
```
#f8bab4
```
#f8bab4 rgb(248,186,180)
```
#facbc6
```
#facbc6 rgb(250,203,198)
```
#fbdbd8
```
#fbdbd8 rgb(251,219,216)
```
#fdebea
```
#fdebea rgb(253,235,234)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#706564
```
#706564 rgb(112,101,100)
```
#795e5b
```
#795e5b rgb(121,94,91)
```
#815853
```
#815853 rgb(129,88,83)
```
#89514b
```
#89514b rgb(137,81,75)
```
#914a43
```
#914a43 rgb(145,74,67)
```
#99443b
```
#99443b rgb(153,68,59)
```
#a13d33
```
#a13d33 rgb(161,61,51)
```
#aa372a
```
#aa372a rgb(170,55,42)
```
#b23022
```
#b23022 rgb(178,48,34)
```
#ba2a1a
```
#ba2a1a rgb(186,42,26)
```
#c22312
```
#c22312 rgb(194,35,18)
```
#ca1c0a
```
#ca1c0a rgb(202,28,10)
```
#d21602
```
#d21602 rgb(210,22,2)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#684844 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776c2c Protanopia 1% of men
#876600 Deuteranopia 1% of men
#c52c2c Tritanopia 0.001% of the population

Trichromacy

#925122 Protanomaly 1% of men, 0.01% of women
#9c4e06 Deuteranomaly 6% of men, 0.4% of women
#c42923 Tritanomaly 0.01% of the population

#c22312 hex color

#c22312 Color Information

#c22312 Color Conversion

Color Schemes with #c22312

Alternatives to #c22312

#c22312 Preview

Shades and Tints of #c22312

Tones of #c22312

Color Blindness Simulator