#c22c1e hex color

In a RGB color space, hex #c22c1e is composed of 76.1% red, 17.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.3% magenta, 84.5% yellow and 23.9% black. It has a hue angle of 5.1 degrees, a saturation of 73.2% and a lightness of 43.9%. #c22c1e color hex could be obtained by blending #ff583c with #850000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 76
- G 17
- B 12
RGB color chart
- C 0
- M 77
- Y 85
- K 24
CMYK color chart

● #c22c1e color description : Strong red.

The hexadecimal color #c22c1e has RGB values of R:194, G:44, B:30 and CMYK values of C:0, M:0.77, Y:0.85, K:0.24. Its decimal value is 12725278.

Hex triplet	c22c1e	`#c22c1e`
RGB Decimal	194, 44, 30	`rgb(194,44,30)`
RGB Percent	76.1, 17.3, 11.8	`rgb(76.1%,17.3%,11.8%)`
CMYK	0, 77, 85, 24
HSL	5.1°, 73.2, 43.9	`hsl(5.1,73.2%,43.9%)`
HSV (or HSB)	5.1°, 84.5, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.312, 57.65, 44.838
XYZ	23.384, 13.367, 2.577
xyY	0.595, 0.34, 13.367
CIE-LCH	43.312, 73.034, 37.874
CIE-LUV	43.312, 115.983, 28.75
Hunter-Lab	36.561, 50.185, 21.414
Binary	11000010, 00101100, 00011110

#c22c1e
```
#c22c1e rgb(194,44,30)
```
#1eb4c2
```
#1eb4c2 rgb(30,180,194)
```

Complementary Color

#c21e62
```
#c21e62 rgb(194,30,98)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#c27e1e
```
#c27e1e rgb(194,126,30)
```

Analogous Color

#1e62c2
```
#1e62c2 rgb(30,98,194)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#1ec27e
```
#1ec27e rgb(30,194,126)
```

Split Complementary Color

#2c1ec2
```
#2c1ec2 rgb(44,30,194)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#1ec22c
```
#1ec22c rgb(30,194,44)
```

Triadic Color

#c21eb4
```
#c21eb4 rgb(194,30,180)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#1ec22c
```
#1ec22c rgb(30,194,44)
```
#1eb4c2
```
#1eb4c2 rgb(30,180,194)
```

Tetradic Color

#801d14
```
#801d14 rgb(128,29,20)
```
#962217
```
#962217 rgb(150,34,23)
```
#ac271b
```
#ac271b rgb(172,39,27)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#d83121
```
#d83121 rgb(216,49,33)
```
#e04233
```
#e04233 rgb(224,66,51)
```
#e3574a
```
#e3574a rgb(227,87,74)
```

Monochromatic Color

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

#c21e39
```
#c21e39 rgb(194,30,57)
```
#c21e2b
```
#c21e2b rgb(194,30,43)
```
#c21e1e
```
#c21e1e rgb(194,30,30)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#c23a1e
```
#c23a1e rgb(194,58,30)
```
#c2471e
```
#c2471e rgb(194,71,30)
```
#c2551e
```
#c2551e rgb(194,85,30)
```

Similar Colors

Text with hexadecimal color #c22c1e

This text has a font color of #c22c1e.

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

#c22c1e background color

This paragraph has a background color of #c22c1e.

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

#c22c1e border color

This element has a border color of #c22c1e.

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

CSS codes

.text {color:#c22c1e;}

.background {background-color:#c22c1e;}

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

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, #070201 is the darkest color, while #fdf6f5 is the lightest one.

#070201
```
#070201 rgb(7,2,1)
```
#180504
```
#180504 rgb(24,5,4)
```
#290906
```
#290906 rgb(41,9,6)
```
#3a0d09
```
#3a0d09 rgb(58,13,9)
```
#4b110c
```
#4b110c rgb(75,17,12)
```
#5c150e
```
#5c150e rgb(92,21,14)
```
#6d1911
```
#6d1911 rgb(109,25,17)
```
#7e1d13
```
#7e1d13 rgb(126,29,19)
```
#8f2016
```
#8f2016 rgb(143,32,22)
```
#a02419
```
#a02419 rgb(160,36,25)
```
#b1281b
```
#b1281b rgb(177,40,27)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#d33021
```
#d33021 rgb(211,48,33)
```

Shade Color Variation

#de3929
```
#de3929 rgb(222,57,41)
```
#e1483a
```
#e1483a rgb(225,72,58)
```
#e3584b
```
#e3584b rgb(227,88,75)
```
#e6685c
```
#e6685c rgb(230,104,92)
```
#e8786d
```
#e8786d rgb(232,120,109)
```
#eb887e
```
#eb887e rgb(235,136,126)
```
#ee978f
```
#ee978f rgb(238,151,143)
```
#f0a7a0
```
#f0a7a0 rgb(240,167,160)
```
#f3b7b1
```
#f3b7b1 rgb(243,183,177)
```
#f6c7c2
```
#f6c7c2 rgb(246,199,194)
```
#f8d6d3
```
#f8d6d3 rgb(248,214,211)
```
#fbe6e4
```
#fbe6e4 rgb(251,230,228)
```
#fdf6f5
```
#fdf6f5 rgb(253,246,245)
```

Tint Color Variation

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

#746c6c
```
#746c6c rgb(116,108,108)
```
#7d6563
```
#7d6563 rgb(125,101,99)
```
#865e5a
```
#865e5a rgb(134,94,90)
```
#8e5752
```
#8e5752 rgb(142,87,82)
```
#975049
```
#975049 rgb(151,80,73)
```
#a04940
```
#a04940 rgb(160,73,64)
```
#a84138
```
#a84138 rgb(168,65,56)
```
#b13a2f
```
#b13a2f rgb(177,58,47)
```
#b93327
```
#b93327 rgb(185,51,39)
```
#c22c1e
```
#c22c1e rgb(194,44,30)
```
#cb2515
```
#cb2515 rgb(203,37,21)
```
#d31e0d
```
#d31e0d rgb(211,30,13)
```
#dc1704
```
#dc1704 rgb(220,23,4)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6c4e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e37 Protanopia 1% of men
#896819 Deuteranopia 1% of men
#c53536 Tritanopia 0.001% of the population

Trichromacy

#93562e Protanomaly 1% of men, 0.01% of women
#9e521a Deuteranomaly 6% of men, 0.4% of women
#c4312d Tritanomaly 0.01% of the population

#c22c1e hex color

#c22c1e Color Information

#c22c1e Color Conversion

Color Schemes with #c22c1e

Alternatives to #c22c1e

#c22c1e Preview

Shades and Tints of #c22c1e

Tones of #c22c1e

Color Blindness Simulator