#c22a27 hex color

In a RGB color space, hex #c22a27 is composed of 76.1% red, 16.5% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 79.9% yellow and 23.9% black. It has a hue angle of 1.2 degrees, a saturation of 66.5% and a lightness of 45.7%. #c22a27 color hex could be obtained by blending #ff544e with #850000. Closest websafe color is: #cc3333.

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

● #c22a27 color description : Strong red.

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

Hex triplet	c22a27	`#c22a27`
RGB Decimal	194, 42, 39	`rgb(194,42,39)`
RGB Percent	76.1, 16.5, 15.3	`rgb(76.1%,16.5%,15.3%)`
CMYK	0, 78, 80, 24
HSL	1.2°, 66.5, 45.7	`hsl(1.2,66.5%,45.7%)`
HSV (or HSB)	1.2°, 79.9, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.174, 58.507, 40.002
XYZ	23.443, 13.275, 3.247
xyY	0.587, 0.332, 13.275
CIE-LCH	43.174, 70.874, 34.361
CIE-LUV	43.174, 115.524, 25.792
Hunter-Lab	36.434, 51.095, 20.22
Binary	11000010, 00101010, 00100111

#c22a27
```
#c22a27 rgb(194,42,39)
```
#27bfc2
```
#27bfc2 rgb(39,191,194)
```

Complementary Color

#c22772
```
#c22772 rgb(194,39,114)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#c27827
```
#c27827 rgb(194,120,39)
```

Analogous Color

#2772c2
```
#2772c2 rgb(39,114,194)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#27c278
```
#27c278 rgb(39,194,120)
```

Split Complementary Color

#2a27c2
```
#2a27c2 rgb(42,39,194)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#27c22a
```
#27c22a rgb(39,194,42)
```

Triadic Color

#c227bf
```
#c227bf rgb(194,39,191)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#27c22a
```
#27c22a rgb(39,194,42)
```
#27bfc2
```
#27bfc2 rgb(39,191,194)
```

Tetradic Color

#821c1a
```
#821c1a rgb(130,28,26)
```
#98211e
```
#98211e rgb(152,33,30)
```
#ad2523
```
#ad2523 rgb(173,37,35)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#d5312e
```
#d5312e rgb(213,49,46)
```
#d94643
```
#d94643 rgb(217,70,67)
```
#dd5b58
```
#dd5b58 rgb(221,91,88)
```

Monochromatic Color

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

#c2274b
```
#c2274b rgb(194,39,75)
```
#c2273e
```
#c2273e rgb(194,39,62)
```
#c22731
```
#c22731 rgb(194,39,49)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#c23727
```
#c23727 rgb(194,55,39)
```
#c24427
```
#c24427 rgb(194,68,39)
```
#c25127
```
#c25127 rgb(194,81,39)
```

Similar Colors

Text with hexadecimal color #c22a27

This text has a font color of #c22a27.

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

#c22a27 background color

This paragraph has a background color of #c22a27.

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

#c22a27 border color

This element has a border color of #c22a27.

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

CSS codes

.text {color:#c22a27;}

.background {background-color:#c22a27;}

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

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 #fffdfd is the lightest one.

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1f0706
```
#1f0706 rgb(31,7,6)
```
#2f0a09
```
#2f0a09 rgb(47,10,9)
```
#3f0e0d
```
#3f0e0d rgb(63,14,13)
```
#501110
```
#501110 rgb(80,17,16)
```
#601513
```
#601513 rgb(96,21,19)
```
#701817
```
#701817 rgb(112,24,23)
```
#811c1a
```
#811c1a rgb(129,28,26)
```
#911f1d
```
#911f1d rgb(145,31,29)
```
#a12320
```
#a12320 rgb(161,35,32)
```
#b22624
```
#b22624 rgb(178,38,36)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#d22e2a
```
#d22e2a rgb(210,46,42)
```

Shade Color Variation

#d73c39
```
#d73c39 rgb(215,60,57)
```
#da4c49
```
#da4c49 rgb(218,76,73)
```
#de5c5a
```
#de5c5a rgb(222,92,90)
```
#e16c6a
```
#e16c6a rgb(225,108,106)
```
#e47c7a
```
#e47c7a rgb(228,124,122)
```
#e88c8b
```
#e88c8b rgb(232,140,139)
```
#eb9d9b
```
#eb9d9b rgb(235,157,155)
```
#eeadab
```
#eeadab rgb(238,173,171)
```
#f1bdbc
```
#f1bdbc rgb(241,189,188)
```
#f5cdcc
```
#f5cdcc rgb(245,205,204)
```
#f8dddc
```
#f8dddc rgb(248,221,220)
```
#fbeded
```
#fbeded rgb(251,237,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7a6f6f
```
#7a6f6f rgb(122,111,111)
```
#836666
```
#836666 rgb(131,102,102)
```
#8c5e5d
```
#8c5e5d rgb(140,94,93)
```
#955554
```
#955554 rgb(149,85,84)
```
#9e4c4b
```
#9e4c4b rgb(158,76,75)
```
#a74442
```
#a74442 rgb(167,68,66)
```
#b03b39
```
#b03b39 rgb(176,59,57)
```
#b93330
```
#b93330 rgb(185,51,48)
```
#c22a27
```
#c22a27 rgb(194,42,39)
```
#cb211e
```
#cb211e rgb(203,33,30)
```
#d41915
```
#d41915 rgb(212,25,21)
```
#dd100c
```
#dd100c rgb(221,16,12)
```
#e60803
```
#e60803 rgb(230,8,3)
```

Tone Color Variation

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

#786d41 Protanopia 1% of men
#886825 Deuteranopia 1% of men
#c53435 Tritanopia 0.001% of the population

Trichromacy

#935538 Protanomaly 1% of men, 0.01% of women
#9d5125 Deuteranomaly 6% of men, 0.4% of women
#c43030 Tritanomaly 0.01% of the population

#c22a27 hex color

#c22a27 Color Information

#c22a27 Color Conversion

Color Schemes with #c22a27

Alternatives to #c22a27

#c22a27 Preview

Shades and Tints of #c22a27

Tones of #c22a27

Color Blindness Simulator