#c22100 hex color

In a RGB color space, hex #c22100 is composed of 76.1% red, 12.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83% magenta, 100% yellow and 23.9% black. It has a hue angle of 10.2 degrees, a saturation of 100% and a lightness of 38%. #c22100 color hex could be obtained by blending #ff4200 with #850000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 76
- G 13
- B 0
RGB color chart
- C 0
- M 83
- Y 100
- K 24
CMYK color chart

● #c22100 color description : Strong red.

The hexadecimal color #c22100 has RGB values of R:194, G:33, B:0 and CMYK values of C:0, M:0.83, Y:1, K:0.24. Its decimal value is 12722432.

Hex triplet	c22100	`#c22100`
RGB Decimal	194, 33, 0	`rgb(194,33,0)`
RGB Percent	76.1, 12.9, 0	`rgb(76.1%,12.9%,0%)`
CMYK	0, 83, 100, 24
HSL	10.2°, 100, 38	`hsl(10.2,100%,38%)`
HSV (or HSB)	10.2°, 100, 76.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	42.093, 60.242, 55.354
XYZ	22.793, 12.56, 1.224
xyY	0.623, 0.343, 12.56
CIE-LCH	42.093, 81.812, 42.579
CIE-LUV	42.093, 123.934, 31.606
Hunter-Lab	35.44, 52.782, 22.76
Binary	11000010, 00100001, 00000000

#c22100
```
#c22100 rgb(194,33,0)
```
#00a1c2
```
#00a1c2 rgb(0,161,194)
```

Complementary Color

#c20040
```
#c20040 rgb(194,0,64)
```
#c22100
```
#c22100 rgb(194,33,0)
```
#c28200
```
#c28200 rgb(194,130,0)
```

Analogous Color

#0040c2
```
#0040c2 rgb(0,64,194)
```
#c22100
```
#c22100 rgb(194,33,0)
```
#00c282
```
#00c282 rgb(0,194,130)
```

Split Complementary Color

#2100c2
```
#2100c2 rgb(33,0,194)
```
#c22100
```
#c22100 rgb(194,33,0)
```
#00c221
```
#00c221 rgb(0,194,33)
```

Triadic Color

#c200a1
```
#c200a1 rgb(194,0,161)
```
#c22100
```
#c22100 rgb(194,33,0)
```
#00c221
```
#00c221 rgb(0,194,33)
```
#00a1c2
```
#00a1c2 rgb(0,161,194)
```

Tetradic Color

#761400
```
#761400 rgb(118,20,0)
```
#8f1800
```
#8f1800 rgb(143,24,0)
```
#a91d00
```
#a91d00 rgb(169,29,0)
```
#c22100
```
#c22100 rgb(194,33,0)
```
#dc2500
```
#dc2500 rgb(220,37,0)
```
#f52a00
```
#f52a00 rgb(245,42,0)
```
#ff3810
```
#ff3810 rgb(255,56,16)
```

Monochromatic Color

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

#c20010
```
#c20010 rgb(194,0,16)
```
#c20100
```
#c20100 rgb(194,1,0)
```
#c21100
```
#c21100 rgb(194,17,0)
```
#c22100
```
#c22100 rgb(194,33,0)
```
#c23100
```
#c23100 rgb(194,49,0)
```
#c24100
```
#c24100 rgb(194,65,0)
```
#c25100
```
#c25100 rgb(194,81,0)
```

Similar Colors

Text with hexadecimal color #c22100

This text has a font color of #c22100.

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

#c22100 background color

This paragraph has a background color of #c22100.

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

#c22100 border color

This element has a border color of #c22100.

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

CSS codes

.text {color:#c22100;}

.background {background-color:#c22100;}

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

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

#110300
```
#110300 rgb(17,3,0)
```
#250600
```
#250600 rgb(37,6,0)
```
#390a00
```
#390a00 rgb(57,10,0)
```
#4c0d00
```
#4c0d00 rgb(76,13,0)
```
#601000
```
#601000 rgb(96,16,0)
```
#741400
```
#741400 rgb(116,20,0)
```
#871700
```
#871700 rgb(135,23,0)
```
#9b1a00
```
#9b1a00 rgb(155,26,0)
```
#ae1e00
```
#ae1e00 rgb(174,30,0)
```
#c22100
```
#c22100 rgb(194,33,0)
```
#d62400
```
#d62400 rgb(214,36,0)
```
#e92800
```
#e92800 rgb(233,40,0)
```
#fd2b00
```
#fd2b00 rgb(253,43,0)
```

Shade Color Variation

#ff3a11
```
#ff3a11 rgb(255,58,17)
```
#ff4a25
```
#ff4a25 rgb(255,74,37)
```
#ff5a39
```
#ff5a39 rgb(255,90,57)
```
#ff6b4c
```
#ff6b4c rgb(255,107,76)
```
#ff7b60
```
#ff7b60 rgb(255,123,96)
```
#ff8b74
```
#ff8b74 rgb(255,139,116)
```
#ff9c87
```
#ff9c87 rgb(255,156,135)
```
#ffac9b
```
#ffac9b rgb(255,172,155)
```
#ffbcae
```
#ffbcae rgb(255,188,174)
```
#ffccc2
```
#ffccc2 rgb(255,204,194)
```
#ffddd6
```
#ffddd6 rgb(255,221,214)
```
#ffede9
```
#ffede9 rgb(255,237,233)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#685c5a
```
#685c5a rgb(104,92,90)
```
#705752
```
#705752 rgb(112,87,82)
```
#77524b
```
#77524b rgb(119,82,75)
```
#7f4d43
```
#7f4d43 rgb(127,77,67)
```
#86483c
```
#86483c rgb(134,72,60)
```
#8e4334
```
#8e4334 rgb(142,67,52)
```
#953f2d
```
#953f2d rgb(149,63,45)
```
#9d3a25
```
#9d3a25 rgb(157,58,37)
```
#a4351e
```
#a4351e rgb(164,53,30)
```
#ac3016
```
#ac3016 rgb(172,48,22)
```
#b32b0f
```
#b32b0f rgb(179,43,15)
```
#bb2607
```
#bb2607 rgb(187,38,7)
```
#c22100
```
#c22100 rgb(194,33,0)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#64443e Atypical Achromatopsia 0.001% of the population

Dichromacy

#786b19 Protanopia 1% of men
#866600 Deuteranopia 1% of men
#c52a29 Tritanopia 0.001% of the population

Trichromacy

#935010 Protanomaly 1% of men, 0.01% of women
#9b4d00 Deuteranomaly 6% of men, 0.4% of women
#c4261a Tritanomaly 0.01% of the population

#c22100 hex color

#c22100 Color Information

#c22100 Color Conversion

Color Schemes with #c22100

Alternatives to #c22100

#c22100 Preview

Shades and Tints of #c22100

Tones of #c22100

Color Blindness Simulator