colorhexa.com

#c22a26 hex color

In a RGB color space, hex #c22a26 is composed of 76.1% red, 16.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 80.4% yellow and 23.9% black. It has a hue angle of 1.5 degrees, a saturation of 67.2% and a lightness of 45.5%. #c22a26 color hex could be obtained by blending #ff544c with #850000. Closest websafe color is: #cc3333.

- R 76
- G 16
- B 15
RGB color chart
- C 0
- M 78
- Y 80
- K 24
CMYK color chart

● #c22a26 color description : Strong red.

The hexadecimal color #c22a26 has RGB values of R:194, G:42, B:38 and CMYK values of C:0, M:0.78, Y:0.8, K:0.24. Its decimal value is 12724774.

Hex triplet	c22a26	`#c22a26`
RGB Decimal	194, 42, 38	`rgb(194,42,38)`
RGB Percent	76.1, 16.5, 14.9	`rgb(76.1%,16.5%,14.9%)`
CMYK	0, 78, 80, 24
HSL	1.5°, 67.2, 45.5	`hsl(1.5,67.2%,45.5%)`
HSV (or HSB)	1.5°, 80.4, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.164, 58.475, 40.539
XYZ	23.427, 13.268, 3.161
xyY	0.588, 0.333, 13.268
CIE-LCH	43.164, 71.153, 34.732
CIE-LUV	43.164, 115.704, 26.107
Hunter-Lab	36.425, 51.058, 20.352
Binary	11000010, 00101010, 00100110

#c22a26
```
#c22a26 rgb(194,42,38)
```
#26bec2
```
#26bec2 rgb(38,190,194)
```

Complementary Color

#c22670
```
#c22670 rgb(194,38,112)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#c27826
```
#c27826 rgb(194,120,38)
```

Analogous Color

#2670c2
```
#2670c2 rgb(38,112,194)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#26c278
```
#26c278 rgb(38,194,120)
```

Split Complementary Color

#2a26c2
```
#2a26c2 rgb(42,38,194)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#26c22a
```
#26c22a rgb(38,194,42)
```

Triadic Color

#c226be
```
#c226be rgb(194,38,190)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#26c22a
```
#26c22a rgb(38,194,42)
```
#26bec2
```
#26bec2 rgb(38,190,194)
```

Tetradic Color

#821c19
```
#821c19 rgb(130,28,25)
```
#97211e
```
#97211e rgb(151,33,30)
```
#ad2522
```
#ad2522 rgb(173,37,34)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#d6302c
```
#d6302c rgb(214,48,44)
```
#da4541
```
#da4541 rgb(218,69,65)
```
#de5a57
```
#de5a57 rgb(222,90,87)
```

Monochromatic Color

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

#c22649
```
#c22649 rgb(194,38,73)
```
#c2263c
```
#c2263c rgb(194,38,60)
```
#c2262f
```
#c2262f rgb(194,38,47)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#c23726
```
#c23726 rgb(194,55,38)
```
#c24426
```
#c24426 rgb(194,68,38)
```
#c25126
```
#c25126 rgb(194,81,38)
```

Similar Colors

Text with hexadecimal color #c22a26

This text has a font color of #c22a26.

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

#c22a26 background color

This paragraph has a background color of #c22a26.

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

#c22a26 border color

This element has a border color of #c22a26.

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

CSS codes

.text {color:#c22a26;}

.background {background-color:#c22a26;}

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

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, #0e0303 is the darkest color, while #fefcfc is the lightest one.

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1e0606
```
#1e0606 rgb(30,6,6)
```
#2e0a09
```
#2e0a09 rgb(46,10,9)
```
#3f0e0c
```
#3f0e0c rgb(63,14,12)
```
#4f1110
```
#4f1110 rgb(79,17,16)
```
#601513
```
#601513 rgb(96,21,19)
```
#701816
```
#701816 rgb(112,24,22)
```
#801c19
```
#801c19 rgb(128,28,25)
```
#911f1c
```
#911f1c rgb(145,31,28)
```
#a12320
```
#a12320 rgb(161,35,32)
```
#b22623
```
#b22623 rgb(178,38,35)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#d22e29
```
#d22e29 rgb(210,46,41)
```

Shade Color Variation

#d83b37
```
#d83b37 rgb(216,59,55)
```
#db4c48
```
#db4c48 rgb(219,76,72)
```
#de5c58
```
#de5c58 rgb(222,92,88)
```
#e26c69
```
#e26c69 rgb(226,108,105)
```
#e57c79
```
#e57c79 rgb(229,124,121)
```
#e88c89
```
#e88c89 rgb(232,140,137)
```
#eb9c9a
```
#eb9c9a rgb(235,156,154)
```
#eeacaa
```
#eeacaa rgb(238,172,170)
```
#f2bcbb
```
#f2bcbb rgb(242,188,187)
```
#f5cccb
```
#f5cccb rgb(245,204,203)
```
#f8dcdb
```
#f8dcdb rgb(248,220,219)
```
#fbecec
```
#fbecec rgb(251,236,236)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#7b6e6d
```
#7b6e6d rgb(123,110,109)
```
#846564
```
#846564 rgb(132,101,100)
```
#8c5d5c
```
#8c5d5c rgb(140,93,92)
```
#955453
```
#955453 rgb(149,84,83)
```
#9e4c4a
```
#9e4c4a rgb(158,76,74)
```
#a74341
```
#a74341 rgb(167,67,65)
```
#b03b38
```
#b03b38 rgb(176,59,56)
```
#b9322f
```
#b9322f rgb(185,50,47)
```
#c22a26
```
#c22a26 rgb(194,42,38)
```
#cb221d
```
#cb221d rgb(203,34,29)
```
#d41914
```
#d41914 rgb(212,25,20)
```
#dd110b
```
#dd110b rgb(221,17,11)
```
#e60802
```
#e60802 rgb(230,8,2)
```

Tone Color Variation

Below, you can see how #c22a26 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
#6c4e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d40 Protanopia 1% of men
#886824 Deuteranopia 1% of men
#c53435 Tritanopia 0.001% of the population

Trichromacy

#935536 Protanomaly 1% of men, 0.01% of women
#9d5124 Deuteranomaly 6% of men, 0.4% of women
#c4302f Tritanomaly 0.01% of the population