#c22f1e hex color

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

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

● #c22f1e color description : Strong red.

The hexadecimal color #c22f1e has RGB values of R:194, G:47, B:30 and CMYK values of C:0, M:0.76, Y:0.85, K:0.24. Its decimal value is 12726046.

Hex triplet	c22f1e	`#c22f1e`
RGB Decimal	194, 47, 30	`rgb(194,47,30)`
RGB Percent	76.1, 18.4, 11.8	`rgb(76.1%,18.4%,11.8%)`
CMYK	0, 76, 85, 24
HSL	6.2°, 73.2, 43.9	`hsl(6.2,73.2%,43.9%)`
HSV (or HSB)	6.2°, 84.5, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.652, 56.698, 45.14
XYZ	23.5, 13.599, 2.616
xyY	0.592, 0.342, 13.599
CIE-LCH	43.652, 72.473, 38.525
CIE-LUV	43.652, 114.403, 29.362
Hunter-Lab	36.877, 49.217, 21.608
Binary	11000010, 00101111, 00011110

#c22f1e
```
#c22f1e rgb(194,47,30)
```
#1eb1c2
```
#1eb1c2 rgb(30,177,194)
```

Complementary Color

#c21e5f
```
#c21e5f rgb(194,30,95)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#c2811e
```
#c2811e rgb(194,129,30)
```

Analogous Color

#1e5fc2
```
#1e5fc2 rgb(30,95,194)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#1ec281
```
#1ec281 rgb(30,194,129)
```

Split Complementary Color

#2f1ec2
```
#2f1ec2 rgb(47,30,194)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#1ec22f
```
#1ec22f rgb(30,194,47)
```

Triadic Color

#c21eb1
```
#c21eb1 rgb(194,30,177)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#1ec22f
```
#1ec22f rgb(30,194,47)
```
#1eb1c2
```
#1eb1c2 rgb(30,177,194)
```

Tetradic Color

#801f14
```
#801f14 rgb(128,31,20)
```
#962417
```
#962417 rgb(150,36,23)
```
#ac2a1b
```
#ac2a1b rgb(172,42,27)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#d83421
```
#d83421 rgb(216,52,33)
```
#e04533
```
#e04533 rgb(224,69,51)
```
#e3594a
```
#e3594a rgb(227,89,74)
```

Monochromatic Color

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

#c21e36
```
#c21e36 rgb(194,30,54)
```
#c21e28
```
#c21e28 rgb(194,30,40)
```
#c2211e
```
#c2211e rgb(194,33,30)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#c23d1e
```
#c23d1e rgb(194,61,30)
```
#c24a1e
```
#c24a1e rgb(194,74,30)
```
#c2581e
```
#c2581e rgb(194,88,30)
```

Similar Colors

Text with hexadecimal color #c22f1e

This text has a font color of #c22f1e.

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

#c22f1e background color

This paragraph has a background color of #c22f1e.

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

#c22f1e border color

This element has a border color of #c22f1e.

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

CSS codes

.text {color:#c22f1e;}

.background {background-color:#c22f1e;}

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

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)
```
#180604
```
#180604 rgb(24,6,4)
```
#290a06
```
#290a06 rgb(41,10,6)
```
#3a0e09
```
#3a0e09 rgb(58,14,9)
```
#4b120c
```
#4b120c rgb(75,18,12)
```
#5c160e
```
#5c160e rgb(92,22,14)
```
#6d1a11
```
#6d1a11 rgb(109,26,17)
```
#7e1f13
```
#7e1f13 rgb(126,31,19)
```
#8f2316
```
#8f2316 rgb(143,35,22)
```
#a02719
```
#a02719 rgb(160,39,25)
```
#b12b1b
```
#b12b1b rgb(177,43,27)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#d33321
```
#d33321 rgb(211,51,33)
```

Shade Color Variation

#de3c29
```
#de3c29 rgb(222,60,41)
```
#e14c3a
```
#e14c3a rgb(225,76,58)
```
#e35b4b
```
#e35b4b rgb(227,91,75)
```
#e66b5c
```
#e66b5c rgb(230,107,92)
```
#e87a6d
```
#e87a6d rgb(232,122,109)
```
#eb8a7e
```
#eb8a7e rgb(235,138,126)
```
#ee998f
```
#ee998f rgb(238,153,143)
```
#f0a9a0
```
#f0a9a0 rgb(240,169,160)
```
#f3b8b1
```
#f3b8b1 rgb(243,184,177)
```
#f6c8c2
```
#f6c8c2 rgb(246,200,194)
```
#f8d7d3
```
#f8d7d3 rgb(248,215,211)
```
#fbe7e4
```
#fbe7e4 rgb(251,231,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 #dc1b04 is the most saturated one.

#746c6c
```
#746c6c rgb(116,108,108)
```
#7d6663
```
#7d6663 rgb(125,102,99)
```
#865f5a
```
#865f5a rgb(134,95,90)
```
#8e5852
```
#8e5852 rgb(142,88,82)
```
#975149
```
#975149 rgb(151,81,73)
```
#a04a40
```
#a04a40 rgb(160,74,64)
```
#a84338
```
#a84338 rgb(168,67,56)
```
#b13d2f
```
#b13d2f rgb(177,61,47)
```
#b93627
```
#b93627 rgb(185,54,39)
```
#c22f1e
```
#c22f1e rgb(194,47,30)
```
#cb2815
```
#cb2815 rgb(203,40,21)
```
#d3210d
```
#d3210d rgb(211,33,13)
```
#dc1b04
```
#dc1b04 rgb(220,27,4)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6e514d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f37 Protanopia 1% of men
#8a6919 Deuteranopia 1% of men
#c53739 Tritanopia 0.001% of the population

Trichromacy

#94572d Protanomaly 1% of men, 0.01% of women
#9e541b Deuteranomaly 6% of men, 0.4% of women
#c4342f Tritanomaly 0.01% of the population

#c22f1e hex color

#c22f1e Color Information

#c22f1e Color Conversion

Color Schemes with #c22f1e

Alternatives to #c22f1e

#c22f1e Preview

Shades and Tints of #c22f1e

Tones of #c22f1e

Color Blindness Simulator