#c22a1c hex color

In a RGB color space, hex #c22a1c is composed of 76.1% red, 16.5% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 85.6% yellow and 23.9% black. It has a hue angle of 5.1 degrees, a saturation of 74.8% and a lightness of 43.5%. #c22a1c color hex could be obtained by blending #ff5438 with #850000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 76
- G 16
- B 11
RGB color chart
- C 0
- M 78
- Y 86
- K 24
CMYK color chart

● #c22a1c color description : Strong red.

The hexadecimal color #c22a1c has RGB values of R:194, G:42, B:28 and CMYK values of C:0, M:0.78, Y:0.86, K:0.24. Its decimal value is 12724764.

Hex triplet	c22a1c	`#c22a1c`
RGB Decimal	194, 42, 28	`rgb(194,42,28)`
RGB Percent	76.1, 16.5, 11	`rgb(76.1%,16.5%,11%)`
CMYK	0, 78, 86, 24
HSL	5.1°, 74.8, 43.5	`hsl(5.1,74.8%,43.5%)`
HSV (or HSB)	5.1°, 85.6, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.081, 58.209, 45.612
XYZ	23.287, 13.212, 2.423
xyY	0.598, 0.339, 13.212
CIE-LCH	43.081, 73.951, 38.082
CIE-LUV	43.081, 117.269, 28.851
Hunter-Lab	36.348, 50.748, 21.492
Binary	11000010, 00101010, 00011100

#c22a1c
```
#c22a1c rgb(194,42,28)
```
#1cb4c2
```
#1cb4c2 rgb(28,180,194)
```

Complementary Color

#c21c61
```
#c21c61 rgb(194,28,97)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#c27d1c
```
#c27d1c rgb(194,125,28)
```

Analogous Color

#1c61c2
```
#1c61c2 rgb(28,97,194)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#1cc27d
```
#1cc27d rgb(28,194,125)
```

Split Complementary Color

#2a1cc2
```
#2a1cc2 rgb(42,28,194)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#1cc22a
```
#1cc22a rgb(28,194,42)
```

Triadic Color

#c21cb4
```
#c21cb4 rgb(194,28,180)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#1cc22a
```
#1cc22a rgb(28,194,42)
```
#1cb4c2
```
#1cb4c2 rgb(28,180,194)
```

Tetradic Color

#7f1c12
```
#7f1c12 rgb(127,28,18)
```
#952016
```
#952016 rgb(149,32,22)
```
#ac2519
```
#ac2519 rgb(172,37,25)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#d82f1f
```
#d82f1f rgb(216,47,31)
```
#e13f30
```
#e13f30 rgb(225,63,48)
```
#e45446
```
#e45446 rgb(228,84,70)
```

Monochromatic Color

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

#c21c37
```
#c21c37 rgb(194,28,55)
```
#c21c2a
```
#c21c2a rgb(194,28,42)
```
#c21c1c
```
#c21c1c rgb(194,28,28)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#c2381c
```
#c2381c rgb(194,56,28)
```
#c2461c
```
#c2461c rgb(194,70,28)
```
#c2541c
```
#c2541c rgb(194,84,28)
```

Similar Colors

Text with hexadecimal color #c22a1c

This text has a font color of #c22a1c.

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

#c22a1c background color

This paragraph has a background color of #c22a1c.

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

#c22a1c border color

This element has a border color of #c22a1c.

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

CSS codes

.text {color:#c22a1c;}

.background {background-color:#c22a1c;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#170503
```
#170503 rgb(23,5,3)
```
#280906
```
#280906 rgb(40,9,6)
```
#390c08
```
#390c08 rgb(57,12,8)
```
#4a100b
```
#4a100b rgb(74,16,11)
```
#5b140d
```
#5b140d rgb(91,20,13)
```
#6c1710
```
#6c1710 rgb(108,23,16)
```
#7d1b12
```
#7d1b12 rgb(125,27,18)
```
#8f1f15
```
#8f1f15 rgb(143,31,21)
```
#a02317
```
#a02317 rgb(160,35,23)
```
#b1261a
```
#b1261a rgb(177,38,26)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#d32e1e
```
#d32e1e rgb(211,46,30)
```

Shade Color Variation

#e03526
```
#e03526 rgb(224,53,38)
```
#e24537
```
#e24537 rgb(226,69,55)
```
#e55548
```
#e55548 rgb(229,85,72)
```
#e76559
```
#e76559 rgb(231,101,89)
```
#ea756a
```
#ea756a rgb(234,117,106)
```
#ec857b
```
#ec857b rgb(236,133,123)
```
#ee958c
```
#ee958c rgb(238,149,140)
```
#f1a59e
```
#f1a59e rgb(241,165,158)
```
#f3b5af
```
#f3b5af rgb(243,181,175)
```
#f6c4c0
```
#f6c4c0 rgb(246,196,192)
```
#f8d4d1
```
#f8d4d1 rgb(248,212,209)
```
#fbe4e2
```
#fbe4e2 rgb(251,228,226)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#756a69
```
#756a69 rgb(117,106,105)
```
#7e6360
```
#7e6360 rgb(126,99,96)
```
#865c58
```
#865c58 rgb(134,92,88)
```
#8f554f
```
#8f554f rgb(143,85,79)
```
#974d47
```
#974d47 rgb(151,77,71)
```
#a0463e
```
#a0463e rgb(160,70,62)
```
#a83f36
```
#a83f36 rgb(168,63,54)
```
#b1382d
```
#b1382d rgb(177,56,45)
```
#b93125
```
#b93125 rgb(185,49,37)
```
#c22a1c
```
#c22a1c rgb(194,42,28)
```
#cb2313
```
#cb2313 rgb(203,35,19)
```
#d31c0b
```
#d31c0b rgb(211,28,11)
```
#dc1502
```
#dc1502 rgb(220,21,2)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6c4d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#796d35 Protanopia 1% of men
#896815 Deuteranopia 1% of men
#c53334 Tritanopia 0.001% of the population

Trichromacy

#93552c Protanomaly 1% of men, 0.01% of women
#9d5117 Deuteranomaly 6% of men, 0.4% of women
#c4302b Tritanomaly 0.01% of the population

#c22a1c hex color

#c22a1c Color Information

#c22a1c Color Conversion

Color Schemes with #c22a1c

Alternatives to #c22a1c

#c22a1c Preview

Shades and Tints of #c22a1c

Tones of #c22a1c

Color Blindness Simulator