#c4222a hex color

In a RGB color space, hex #c4222a is composed of 76.9% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 78.6% yellow and 23.1% black. It has a hue angle of 357 degrees, a saturation of 70.4% and a lightness of 45.1%. #c4222a color hex could be obtained by blending #ff4454 with #890000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 77
- G 13
- B 16
RGB color chart
- C 0
- M 83
- Y 79
- K 23
CMYK color chart

● #c4222a color description : Strong red.

The hexadecimal color #c4222a has RGB values of R:196, G:34, B:42 and CMYK values of C:0, M:0.83, Y:0.79, K:0.23. Its decimal value is 12853802.

Hex triplet	c4222a	`#c4222a`
RGB Decimal	196, 34, 42	`rgb(196,34,42)`
RGB Percent	76.9, 13.3, 16.5	`rgb(76.9%,13.3%,16.5%)`
CMYK	0, 83, 79, 23
HSL	357°, 70.4, 45.1	`hsl(357,70.4%,45.1%)`
HSV (or HSB)	357°, 82.7, 76.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.838, 61.341, 38.107
XYZ	23.756, 13.05, 3.458
xyY	0.59, 0.324, 13.05
CIE-LCH	42.838, 72.214, 31.85
CIE-LUV	42.838, 120.025, 23.712
Hunter-Lab	36.125, 54.166, 19.611
Binary	11000100, 00100010, 00101010

#c4222a
```
#c4222a rgb(196,34,42)
```
#22c4bc
```
#22c4bc rgb(34,196,188)
```

Complementary Color

#c4227b
```
#c4227b rgb(196,34,123)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#c46b22
```
#c46b22 rgb(196,107,34)
```

Analogous Color

#227bc4
```
#227bc4 rgb(34,123,196)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#22c46b
```
#22c46b rgb(34,196,107)
```

Split Complementary Color

#222ac4
```
#222ac4 rgb(34,42,196)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#2ac422
```
#2ac422 rgb(42,196,34)
```

Triadic Color

#bc22c4
```
#bc22c4 rgb(188,34,196)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#2ac422
```
#2ac422 rgb(42,196,34)
```
#22c4bc
```
#22c4bc rgb(34,196,188)
```

Tetradic Color

#83171c
```
#83171c rgb(131,23,28)
```
#991a21
```
#991a21 rgb(153,26,33)
```
#ae1e25
```
#ae1e25 rgb(174,30,37)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#d9262f
```
#d9262f rgb(217,38,47)
```
#dd3c44
```
#dd3c44 rgb(221,60,68)
```
#e15259
```
#e15259 rgb(225,82,89)
```

Monochromatic Color

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

#c42252
```
#c42252 rgb(196,34,82)
```
#c42245
```
#c42245 rgb(196,34,69)
```
#c42237
```
#c42237 rgb(196,34,55)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#c42822
```
#c42822 rgb(196,40,34)
```
#c43522
```
#c43522 rgb(196,53,34)
```
#c44322
```
#c44322 rgb(196,67,34)
```

Similar Colors

Text with hexadecimal color #c4222a

This text has a font color of #c4222a.

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

#c4222a background color

This paragraph has a background color of #c4222a.

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

#c4222a border color

This element has a border color of #c4222a.

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

CSS codes

.text {color:#c4222a;}

.background {background-color:#c4222a;}

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

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

#0c0203
```
#0c0203 rgb(12,2,3)
```
#1d0506
```
#1d0506 rgb(29,5,6)
```
#2e080a
```
#2e080a rgb(46,8,10)
```
#3e0b0d
```
#3e0b0d rgb(62,11,13)
```
#4f0e11
```
#4f0e11 rgb(79,14,17)
```
#601115
```
#601115 rgb(96,17,21)
```
#701418
```
#701418 rgb(112,20,24)
```
#81161c
```
#81161c rgb(129,22,28)
```
#92191f
```
#92191f rgb(146,25,31)
```
#a31c23
```
#a31c23 rgb(163,28,35)
```
#b31f26
```
#b31f26 rgb(179,31,38)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#d5252e
```
#d5252e rgb(213,37,46)
```

Shade Color Variation

#db323a
```
#db323a rgb(219,50,58)
```
#de434a
```
#de434a rgb(222,67,74)
```
#e1535a
```
#e1535a rgb(225,83,90)
```
#e4646a
```
#e4646a rgb(228,100,106)
```
#e7757a
```
#e7757a rgb(231,117,122)
```
#ea858a
```
#ea858a rgb(234,133,138)
```
#ed969a
```
#ed969a rgb(237,150,154)
```
#f0a7aa
```
#f0a7aa rgb(240,167,170)
```
#f3b8ba
```
#f3b8ba rgb(243,184,186)
```
#f6c8ca
```
#f6c8ca rgb(246,200,202)
```
#f8d9db
```
#f8d9db rgb(248,217,219)
```
#fbeaeb
```
#fbeaeb rgb(251,234,235)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#747272
```
#747272 rgb(116,114,114)
```
#7d696a
```
#7d696a rgb(125,105,106)
```
#866062
```
#866062 rgb(134,96,98)
```
#8f575a
```
#8f575a rgb(143,87,90)
```
#984e52
```
#984e52 rgb(152,78,82)
```
#a1454a
```
#a1454a rgb(161,69,74)
```
#a93d42
```
#a93d42 rgb(169,61,66)
```
#b2343a
```
#b2343a rgb(178,52,58)
```
#bb2b32
```
#bb2b32 rgb(187,43,50)
```
#c4222a
```
#c4222a rgb(196,34,42)
```
#cd1922
```
#cd1922 rgb(205,25,34)
```
#d6101a
```
#d6101a rgb(214,16,26)
```
#df0712
```
#df0712 rgb(223,7,18)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6a494b Atypical Achromatopsia 0.001% of the population

Dichromacy

#766d46 Protanopia 1% of men
#876828 Deuteranopia 1% of men
#c62e2e Tritanopia 0.001% of the population

Trichromacy

#92513c Protanomaly 1% of men, 0.01% of women
#9d4e28 Deuteranomaly 6% of men, 0.4% of women
#c52a2d Tritanomaly 0.01% of the population

#c4222a hex color

#c4222a Color Information

#c4222a Color Conversion

Color Schemes with #c4222a

Alternatives to #c4222a

#c4222a Preview

Shades and Tints of #c4222a

Tones of #c4222a

Color Blindness Simulator