#c5221f hex color

In a RGB color space, hex #c5221f is composed of 77.3% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 84.3% yellow and 22.7% black. It has a hue angle of 1.1 degrees, a saturation of 72.8% and a lightness of 44.7%. #c5221f color hex could be obtained by blending #ff443e with #8b0000. 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

● #c5221f color description : Strong red.

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

Hex triplet	c5221f	`#c5221f`
RGB Decimal	197, 34, 31	`rgb(197,34,31)`
RGB Percent	77.3, 13.3, 12.2	`rgb(77.3%,13.3%,12.2%)`
CMYK	0, 83, 84, 23
HSL	1.1°, 72.8, 44.7	`hsl(1.1,72.8%,44.7%)`
HSV (or HSB)	1.1°, 84.3, 77.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.938, 61.311, 44.229
XYZ	23.847, 13.116, 2.572
xyY	0.603, 0.332, 13.116
CIE-LCH	42.938, 75.6, 35.806
CIE-LUV	42.938, 122.778, 27.192
Hunter-Lab	36.216, 54.154, 21.14
Binary	11000101, 00100010, 00011111

#c5221f
```
#c5221f rgb(197,34,31)
```
#1fc2c5
```
#1fc2c5 rgb(31,194,197)
```

Complementary Color

#c51f6f
```
#c51f6f rgb(197,31,111)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#c5751f
```
#c5751f rgb(197,117,31)
```

Analogous Color

#1f6fc5
```
#1f6fc5 rgb(31,111,197)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#1fc575
```
#1fc575 rgb(31,197,117)
```

Split Complementary Color

#221fc5
```
#221fc5 rgb(34,31,197)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#1fc522
```
#1fc522 rgb(31,197,34)
```

Triadic Color

#c51fc2
```
#c51fc2 rgb(197,31,194)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#1fc522
```
#1fc522 rgb(31,197,34)
```
#1fc2c5
```
#1fc2c5 rgb(31,194,197)
```

Tetradic Color

#831715
```
#831715 rgb(131,23,21)
```
#991a18
```
#991a18 rgb(153,26,24)
```
#af1e1c
```
#af1e1c rgb(175,30,28)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#db2622
```
#db2622 rgb(219,38,34)
```
#e03a37
```
#e03a37 rgb(224,58,55)
```
#e3504d
```
#e3504d rgb(227,80,77)
```

Monochromatic Color

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

#c51f46
```
#c51f46 rgb(197,31,70)
```
#c51f38
```
#c51f38 rgb(197,31,56)
```
#c51f2a
```
#c51f2a rgb(197,31,42)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#c5301f
```
#c5301f rgb(197,48,31)
```
#c53e1f
```
#c53e1f rgb(197,62,31)
```
#c54b1f
```
#c54b1f rgb(197,75,31)
```

Similar Colors

Text with hexadecimal color #c5221f

This text has a font color of #c5221f.

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

#c5221f background color

This paragraph has a background color of #c5221f.

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

#c5221f border color

This element has a border color of #c5221f.

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

CSS codes

.text {color:#c5221f;}

.background {background-color:#c5221f;}

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

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

#0b0202
```
#0b0202 rgb(11,2,2)
```
#1c0504
```
#1c0504 rgb(28,5,4)
```
#2c0807
```
#2c0807 rgb(44,8,7)
```
#3d0b0a
```
#3d0b0a rgb(61,11,10)
```
#4e0e0c
```
#4e0e0c rgb(78,14,12)
```
#5f100f
```
#5f100f rgb(95,16,15)
```
#701312
```
#701312 rgb(112,19,18)
```
#811614
```
#811614 rgb(129,22,20)
```
#921917
```
#921917 rgb(146,25,23)
```
#a31c1a
```
#a31c1a rgb(163,28,26)
```
#b41f1c
```
#b41f1c rgb(180,31,28)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#d62522
```
#d62522 rgb(214,37,34)
```

Shade Color Variation

#de302d
```
#de302d rgb(222,48,45)
```
#e1413e
```
#e1413e rgb(225,65,62)
```
#e3524f
```
#e3524f rgb(227,82,79)
```
#e66360
```
#e66360 rgb(230,99,96)
```
#e97371
```
#e97371 rgb(233,115,113)
```
#eb8482
```
#eb8482 rgb(235,132,130)
```
#ee9593
```
#ee9593 rgb(238,149,147)
```
#f1a5a4
```
#f1a5a4 rgb(241,165,164)
```
#f3b6b5
```
#f3b6b5 rgb(243,182,181)
```
#f6c7c6
```
#f6c7c6 rgb(246,199,198)
```
#f9d7d7
```
#f9d7d7 rgb(249,215,215)
```
#fbe8e8
```
#fbe8e8 rgb(251,232,232)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#766e6e
```
#766e6e rgb(118,110,110)
```
#7f6665
```
#7f6665 rgb(127,102,101)
```
#885d5c
```
#885d5c rgb(136,93,92)
```
#905554
```
#905554 rgb(144,85,84)
```
#994c4b
```
#994c4b rgb(153,76,75)
```
#a24442
```
#a24442 rgb(162,68,66)
```
#ab3b39
```
#ab3b39 rgb(171,59,57)
```
#b33331
```
#b33331 rgb(179,51,49)
```
#bc2a28
```
#bc2a28 rgb(188,42,40)
```
#c5221f
```
#c5221f rgb(197,34,31)
```
#ce1a16
```
#ce1a16 rgb(206,26,22)
```
#d7110d
```
#d7110d rgb(215,17,13)
```
#df0905
```
#df0905 rgb(223,9,5)
```

Tone Color Variation

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

#786d3a Protanopia 1% of men
#886819 Deuteranopia 1% of men
#c82d2d Tritanopia 0.001% of the population

Trichromacy

#945230 Protanomaly 1% of men, 0.01% of women
#9e4e1b Deuteranomaly 6% of men, 0.4% of women
#c62927 Tritanomaly 0.01% of the population

#c5221f hex color

#c5221f Color Information

#c5221f Color Conversion

Color Schemes with #c5221f

Alternatives to #c5221f

#c5221f Preview

Shades and Tints of #c5221f

Tones of #c5221f

Color Blindness Simulator