#c4221f hex color

In a RGB color space, hex #c4221f is composed of 76.9% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 84.2% yellow and 23.1% black. It has a hue angle of 1.1 degrees, a saturation of 72.7% and a lightness of 44.5%. #c4221f color hex could be obtained by blending #ff443e with #890000. Closest websafe color is: #cc3333.

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

● #c4221f color description : Strong red.

The hexadecimal color #c4221f has RGB values of R:196, G:34, B:31 and CMYK values of C:0, M:0.83, Y:0.84, K:0.23. Its decimal value is 12853791.

Hex triplet	c4221f	`#c4221f`
RGB Decimal	196, 34, 31	`rgb(196,34,31)`
RGB Percent	76.9, 13.3, 12.2	`rgb(76.9%,13.3%,12.2%)`
CMYK	0, 83, 84, 23
HSL	1.1°, 72.7, 44.5	`hsl(1.1,72.7%,44.5%)`
HSV (or HSB)	1.1°, 84.2, 76.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.736, 61.028, 43.972
XYZ	23.586, 12.982, 2.56
xyY	0.603, 0.332, 12.982
CIE-LCH	42.736, 75.22, 35.773
CIE-LUV	42.736, 122.012, 27.03
Hunter-Lab	36.03, 53.794, 21.008
Binary	11000100, 00100010, 00011111

#c4221f
```
#c4221f rgb(196,34,31)
```
#1fc1c4
```
#1fc1c4 rgb(31,193,196)
```

Complementary Color

#c41f6f
```
#c41f6f rgb(196,31,111)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#c4751f
```
#c4751f rgb(196,117,31)
```

Analogous Color

#1f6fc4
```
#1f6fc4 rgb(31,111,196)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#1fc475
```
#1fc475 rgb(31,196,117)
```

Split Complementary Color

#221fc4
```
#221fc4 rgb(34,31,196)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#1fc422
```
#1fc422 rgb(31,196,34)
```

Triadic Color

#c41fc1
```
#c41fc1 rgb(196,31,193)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#1fc422
```
#1fc422 rgb(31,196,34)
```
#1fc1c4
```
#1fc1c4 rgb(31,193,196)
```

Tetradic Color

#821715
```
#821715 rgb(130,23,21)
```
#981a18
```
#981a18 rgb(152,26,24)
```
#ae1e1c
```
#ae1e1c rgb(174,30,28)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#da2622
```
#da2622 rgb(218,38,34)
```
#df3a37
```
#df3a37 rgb(223,58,55)
```
#e34f4d
```
#e34f4d rgb(227,79,77)
```

Monochromatic Color

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

#c41f45
```
#c41f45 rgb(196,31,69)
```
#c41f38
```
#c41f38 rgb(196,31,56)
```
#c41f2a
```
#c41f2a rgb(196,31,42)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#c4301f
```
#c4301f rgb(196,48,31)
```
#c43d1f
```
#c43d1f rgb(196,61,31)
```
#c44b1f
```
#c44b1f rgb(196,75,31)
```

Similar Colors

Text with hexadecimal color #c4221f

This text has a font color of #c4221f.

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

#c4221f background color

This paragraph has a background color of #c4221f.

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

#c4221f border color

This element has a border color of #c4221f.

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

CSS codes

.text {color:#c4221f;}

.background {background-color:#c4221f;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0504
```
#1b0504 rgb(27,5,4)
```
#2c0807
```
#2c0807 rgb(44,8,7)
```
#3d0a0a
```
#3d0a0a rgb(61,10,10)
```
#4d0d0c
```
#4d0d0c rgb(77,13,12)
```
#5e100f
```
#5e100f rgb(94,16,15)
```
#6f1312
```
#6f1312 rgb(111,19,18)
```
#801614
```
#801614 rgb(128,22,20)
```
#911917
```
#911917 rgb(145,25,23)
```
#a21c1a
```
#a21c1a rgb(162,28,26)
```
#b31f1c
```
#b31f1c rgb(179,31,28)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#d52522
```
#d52522 rgb(213,37,34)
```

Shade Color Variation

#de302d
```
#de302d rgb(222,48,45)
```
#e0403d
```
#e0403d rgb(224,64,61)
```
#e3514e
```
#e3514e rgb(227,81,78)
```
#e6625f
```
#e6625f rgb(230,98,95)
```
#e87270
```
#e87270 rgb(232,114,112)
```
#eb8381
```
#eb8381 rgb(235,131,129)
```
#ee9492
```
#ee9492 rgb(238,148,146)
```
#f0a4a3
```
#f0a4a3 rgb(240,164,163)
```
#f3b5b4
```
#f3b5b4 rgb(243,181,180)
```
#f6c6c5
```
#f6c6c5 rgb(246,198,197)
```
#f8d7d6
```
#f8d7d6 rgb(248,215,214)
```
#fbe7e7
```
#fbe7e7 rgb(251,231,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#756e6e
```
#756e6e rgb(117,110,110)
```
#7e6565
```
#7e6565 rgb(126,101,101)
```
#875d5c
```
#875d5c rgb(135,93,92)
```
#905453
```
#905453 rgb(144,84,83)
```
#984c4b
```
#984c4b rgb(152,76,75)
```
#a14442
```
#a14442 rgb(161,68,66)
```
#aa3b39
```
#aa3b39 rgb(170,59,57)
```
#b33330
```
#b33330 rgb(179,51,48)
```
#bb2a28
```
#bb2a28 rgb(187,42,40)
```
#c4221f
```
#c4221f rgb(196,34,31)
```
#cd1a16
```
#cd1a16 rgb(205,26,22)
```
#d5110e
```
#d5110e rgb(213,17,14)
```
#de0905
```
#de0905 rgb(222,9,5)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#694848 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776d3a Protanopia 1% of men
#876719 Deuteranopia 1% of men
#c72d2d Tritanopia 0.001% of the population

Trichromacy

#935130 Protanomaly 1% of men, 0.01% of women
#9d4e1b Deuteranomaly 6% of men, 0.4% of women
#c52927 Tritanomaly 0.01% of the population

#c4221f hex color

#c4221f Color Information

#c4221f Color Conversion

Color Schemes with #c4221f

Alternatives to #c4221f

#c4221f Preview

Shades and Tints of #c4221f

Tones of #c4221f

Color Blindness Simulator