#c22200 hex color

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

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

● #c22200 color description : Strong red.

The hexadecimal color #c22200 has RGB values of R:194, G:34, B:0 and CMYK values of C:0, M:0.82, Y:1, K:0.24. Its decimal value is 12722688.

Hex triplet	c22200	`#c22200`
RGB Decimal	194, 34, 0	`rgb(194,34,0)`
RGB Percent	76.1, 13.3, 0	`rgb(76.1%,13.3%,0%)`
CMYK	0, 82, 100, 24
HSL	10.5°, 100, 38	`hsl(10.5,100%,38%)`
HSV (or HSB)	10.5°, 100, 76.1
Web Safe	cc3300	`#cc3300`

CIE-LAB	42.179, 59.996, 55.39
XYZ	22.821, 12.616, 1.234
xyY	0.622, 0.344, 12.616
CIE-LCH	42.179, 81.655, 42.714
CIE-LUV	42.179, 123.503, 31.755
Hunter-Lab	35.519, 52.528, 22.804
Binary	11000010, 00100010, 00000000

#c22200
```
#c22200 rgb(194,34,0)
```
#00a0c2
```
#00a0c2 rgb(0,160,194)
```

Complementary Color

#c2003f
```
#c2003f rgb(194,0,63)
```
#c22200
```
#c22200 rgb(194,34,0)
```
#c28300
```
#c28300 rgb(194,131,0)
```

Analogous Color

#003fc2
```
#003fc2 rgb(0,63,194)
```
#c22200
```
#c22200 rgb(194,34,0)
```
#00c283
```
#00c283 rgb(0,194,131)
```

Split Complementary Color

#2200c2
```
#2200c2 rgb(34,0,194)
```
#c22200
```
#c22200 rgb(194,34,0)
```
#00c222
```
#00c222 rgb(0,194,34)
```

Triadic Color

#c200a0
```
#c200a0 rgb(194,0,160)
```
#c22200
```
#c22200 rgb(194,34,0)
```
#00c222
```
#00c222 rgb(0,194,34)
```
#00a0c2
```
#00a0c2 rgb(0,160,194)
```

Tetradic Color

#761500
```
#761500 rgb(118,21,0)
```
#8f1900
```
#8f1900 rgb(143,25,0)
```
#a91e00
```
#a91e00 rgb(169,30,0)
```
#c22200
```
#c22200 rgb(194,34,0)
```
#dc2600
```
#dc2600 rgb(220,38,0)
```
#f52b00
```
#f52b00 rgb(245,43,0)
```
#ff3910
```
#ff3910 rgb(255,57,16)
```

Monochromatic Color

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

#c2000f
```
#c2000f rgb(194,0,15)
```
#c20200
```
#c20200 rgb(194,2,0)
```
#c21200
```
#c21200 rgb(194,18,0)
```
#c22200
```
#c22200 rgb(194,34,0)
```
#c23200
```
#c23200 rgb(194,50,0)
```
#c24200
```
#c24200 rgb(194,66,0)
```
#c25200
```
#c25200 rgb(194,82,0)
```

Similar Colors

Text with hexadecimal color #c22200

This text has a font color of #c22200.

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

#c22200 background color

This paragraph has a background color of #c22200.

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

#c22200 border color

This element has a border color of #c22200.

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

CSS codes

.text {color:#c22200;}

.background {background-color:#c22200;}

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

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)
```
#601100
```
#601100 rgb(96,17,0)
```
#741400
```
#741400 rgb(116,20,0)
```
#871800
```
#871800 rgb(135,24,0)
```
#9b1b00
```
#9b1b00 rgb(155,27,0)
```
#ae1f00
```
#ae1f00 rgb(174,31,0)
```
#c22200
```
#c22200 rgb(194,34,0)
```
#d62500
```
#d62500 rgb(214,37,0)
```
#e92900
```
#e92900 rgb(233,41,0)
```
#fd2c00
```
#fd2c00 rgb(253,44,0)
```

Shade Color Variation

#ff3b11
```
#ff3b11 rgb(255,59,17)
```
#ff4b25
```
#ff4b25 rgb(255,75,37)
```
#ff5b39
```
#ff5b39 rgb(255,91,57)
```
#ff6c4c
```
#ff6c4c rgb(255,108,76)
```
#ff7c60
```
#ff7c60 rgb(255,124,96)
```
#ff8c74
```
#ff8c74 rgb(255,140,116)
```
#ff9c87
```
#ff9c87 rgb(255,156,135)
```
#ffac9b
```
#ffac9b rgb(255,172,155)
```
#ffbdae
```
#ffbdae rgb(255,189,174)
```
#ffcdc2
```
#ffcdc2 rgb(255,205,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 #c22200 is the most saturated one.

#685c5a
```
#685c5a rgb(104,92,90)
```
#705752
```
#705752 rgb(112,87,82)
```
#77524b
```
#77524b rgb(119,82,75)
```
#7f4e43
```
#7f4e43 rgb(127,78,67)
```
#86493c
```
#86493c rgb(134,73,60)
```
#8e4434
```
#8e4434 rgb(142,68,52)
```
#953f2d
```
#953f2d rgb(149,63,45)
```
#9d3a25
```
#9d3a25 rgb(157,58,37)
```
#a4351e
```
#a4351e rgb(164,53,30)
```
#ac3116
```
#ac3116 rgb(172,49,22)
```
#b32c0f
```
#b32c0f rgb(179,44,15)
```
#bb2707
```
#bb2707 rgb(187,39,7)
```
#c22200
```
#c22200 rgb(194,34,0)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#65453e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#c22200 hex color

#c22200 Color Information

#c22200 Color Conversion

Color Schemes with #c22200

Alternatives to #c22200

#c22200 Preview

Shades and Tints of #c22200

Tones of #c22200

Color Blindness Simulator