colorhexa.com

#c7221c hex color

In a RGB color space, hex #c7221c is composed of 78% red, 13.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 85.9% yellow and 22% black. It has a hue angle of 2.1 degrees, a saturation of 75.3% and a lightness of 44.5%. #c7221c color hex could be obtained by blending #ff4438 with #8f0000. Closest websafe color is: #cc3333.

- R 78
- G 13
- B 11
RGB color chart
- C 0
- M 83
- Y 86
- K 22
CMYK color chart

● #c7221c color description : Strong red.

The hexadecimal color #c7221c has RGB values of R:199, G:34, B:28 and CMYK values of C:0, M:0.83, Y:0.86, K:0.22. Its decimal value is 13050396.

Hex triplet	c7221c	`#c7221c`
RGB Decimal	199, 34, 28	`rgb(199,34,28)`
RGB Percent	78, 13.3, 11	`rgb(78%,13.3%,11%)`
CMYK	0, 83, 86, 22
HSL	2.1°, 75.3, 44.5	`hsl(2.1,75.3%,44.5%)`
HSV (or HSB)	2.1°, 85.9, 78
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.32, 61.808, 46.212
XYZ	24.336, 13.373, 2.398
xyY	0.607, 0.333, 13.373
CIE-LCH	43.32, 77.173, 36.784
CIE-LUV	43.32, 124.75, 28.249
Hunter-Lab	36.569, 54.792, 21.71
Binary	11000111, 00100010, 00011100

#c7221c
```
#c7221c rgb(199,34,28)
```
#1cc1c7
```
#1cc1c7 rgb(28,193,199)
```

Complementary Color

#c71c6c
```
#c71c6c rgb(199,28,108)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#c7781c
```
#c7781c rgb(199,120,28)
```

Analogous Color

#1c6cc7
```
#1c6cc7 rgb(28,108,199)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#1cc778
```
#1cc778 rgb(28,199,120)
```

Split Complementary Color

#221cc7
```
#221cc7 rgb(34,28,199)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#1cc722
```
#1cc722 rgb(28,199,34)
```

Triadic Color

#c71cc1
```
#c71cc1 rgb(199,28,193)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#1cc722
```
#1cc722 rgb(28,199,34)
```
#1cc1c7
```
#1cc1c7 rgb(28,193,199)
```

Tetradic Color

#841713
```
#841713 rgb(132,23,19)
```
#9a1a16
```
#9a1a16 rgb(154,26,22)
```
#b11e19
```
#b11e19 rgb(177,30,25)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#dd261f
```
#dd261f rgb(221,38,31)
```
#e23a34
```
#e23a34 rgb(226,58,52)
```
#e64f4a
```
#e64f4a rgb(230,79,74)
```

Monochromatic Color

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

#c71c41
```
#c71c41 rgb(199,28,65)
```
#c71c33
```
#c71c33 rgb(199,28,51)
```
#c71c24
```
#c71c24 rgb(199,28,36)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#c7301c
```
#c7301c rgb(199,48,28)
```
#c73e1c
```
#c73e1c rgb(199,62,28)
```
#c74d1c
```
#c74d1c rgb(199,77,28)
```

Similar Colors

Text with hexadecimal color #c7221c

This text has a font color of #c7221c.

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

#c7221c background color

This paragraph has a background color of #c7221c.

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

#c7221c border color

This element has a border color of #c7221c.

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

CSS codes

.text {color:#c7221c;}

.background {background-color:#c7221c;}

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

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

#0a0201
```
#0a0201 rgb(10,2,1)
```
#1b0504
```
#1b0504 rgb(27,5,4)
```
#2c0806
```
#2c0806 rgb(44,8,6)
```
#3d0a09
```
#3d0a09 rgb(61,10,9)
```
#4f0d0b
```
#4f0d0b rgb(79,13,11)
```
#60100d
```
#60100d rgb(96,16,13)
```
#711310
```
#711310 rgb(113,19,16)
```
#821612
```
#821612 rgb(130,22,18)
```
#931915
```
#931915 rgb(147,25,21)
```
#a51c17
```
#a51c17 rgb(165,28,23)
```
#b61f1a
```
#b61f1a rgb(182,31,26)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#d8251e
```
#d8251e rgb(216,37,30)
```

Shade Color Variation

#e13029
```
#e13029 rgb(225,48,41)
```
#e3403a
```
#e3403a rgb(227,64,58)
```
#e6514c
```
#e6514c rgb(230,81,76)
```
#e8625d
```
#e8625d rgb(232,98,93)
```
#eb726e
```
#eb726e rgb(235,114,110)
```
#ed837f
```
#ed837f rgb(237,131,127)
```
#ef9490
```
#ef9490 rgb(239,148,144)
```
#f2a4a2
```
#f2a4a2 rgb(242,164,162)
```
#f4b5b3
```
#f4b5b3 rgb(244,181,179)
```
#f7c6c4
```
#f7c6c4 rgb(247,198,196)
```
#f9d7d5
```
#f9d7d5 rgb(249,215,213)
```
#fce7e6
```
#fce7e6 rgb(252,231,230)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#786b6b
```
#786b6b rgb(120,107,107)
```
#816362
```
#816362 rgb(129,99,98)
```
#8a5b59
```
#8a5b59 rgb(138,91,89)
```
#935350
```
#935350 rgb(147,83,80)
```
#9b4b48
```
#9b4b48 rgb(155,75,72)
```
#a4423f
```
#a4423f rgb(164,66,63)
```
#ad3a36
```
#ad3a36 rgb(173,58,54)
```
#b6322d
```
#b6322d rgb(182,50,45)
```
#be2a25
```
#be2a25 rgb(190,42,37)
```
#c7221c
```
#c7221c rgb(199,34,28)
```
#d01a13
```
#d01a13 rgb(208,26,19)
```
#d8120b
```
#d8120b rgb(216,18,11)
```
#e10a02
```
#e10a02 rgb(225,10,2)
```

Tone Color Variation

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

Dichromacy

#796e37 Protanopia 1% of men
#896812 Deuteranopia 1% of men
#ca2c2c Tritanopia 0.001% of the population

Trichromacy

#95522d Protanomaly 1% of men, 0.01% of women
#a04f16 Deuteranomaly 6% of men, 0.4% of women
#c82826 Tritanomaly 0.01% of the population