#c22f2d hex color

In a RGB color space, hex #c22f2d is composed of 76.1% red, 18.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 76.8% yellow and 23.9% black. It has a hue angle of 0.8 degrees, a saturation of 62.3% and a lightness of 46.9%. #c22f2d color hex could be obtained by blending #ff5e5a with #850000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 76
- G 18
- B 18
RGB color chart
- C 0
- M 76
- Y 77
- K 24
CMYK color chart

● #c22f2d color description : Strong red.

The hexadecimal color #c22f2d has RGB values of R:194, G:47, B:45 and CMYK values of C:0, M:0.76, Y:0.77, K:0.24. Its decimal value is 12726061.

Hex triplet	c22f2d	`#c22f2d`
RGB Decimal	194, 47, 45	`rgb(194,47,45)`
RGB Percent	76.1, 18.4, 17.6	`rgb(76.1%,18.4%,17.6%)`
CMYK	0, 76, 77, 24
HSL	0.8°, 62.3, 46.9	`hsl(0.8,62.3%,46.9%)`
HSV (or HSB)	0.8°, 76.8, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.792, 57.158, 37.299
XYZ	23.739, 13.695, 3.876
xyY	0.575, 0.332, 13.695
CIE-LCH	43.792, 68.251, 33.126
CIE-LUV	43.792, 111.88, 24.784
Hunter-Lab	37.006, 49.746, 19.695
Binary	11000010, 00101111, 00101101

#c22f2d
```
#c22f2d rgb(194,47,45)
```
#2dc0c2
```
#2dc0c2 rgb(45,192,194)
```

Complementary Color

#c22d76
```
#c22d76 rgb(194,45,118)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```
#c27a2d
```
#c27a2d rgb(194,122,45)
```

Analogous Color

#2d76c2
```
#2d76c2 rgb(45,118,194)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```
#2dc27a
```
#2dc27a rgb(45,194,122)
```

Split Complementary Color

#2f2dc2
```
#2f2dc2 rgb(47,45,194)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```
#2dc22f
```
#2dc22f rgb(45,194,47)
```

Triadic Color

#c22dc0
```
#c22dc0 rgb(194,45,192)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```
#2dc22f
```
#2dc22f rgb(45,194,47)
```
#2dc0c2
```
#2dc0c2 rgb(45,192,194)
```

Tetradic Color

#84201f
```
#84201f rgb(132,32,31)
```
#992523
```
#992523 rgb(153,37,35)
```
#ad2a28
```
#ad2a28 rgb(173,42,40)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```
#d13a38
```
#d13a38 rgb(209,58,56)
```
#d64e4c
```
#d64e4c rgb(214,78,76)
```
#da6361
```
#da6361 rgb(218,99,97)
```

Monochromatic Color

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

#c22d50
```
#c22d50 rgb(194,45,80)
```
#c22d44
```
#c22d44 rgb(194,45,68)
```
#c22d37
```
#c22d37 rgb(194,45,55)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```
#c23b2d
```
#c23b2d rgb(194,59,45)
```
#c2482d
```
#c2482d rgb(194,72,45)
```
#c2542d
```
#c2542d rgb(194,84,45)
```

Similar Colors

Text with hexadecimal color #c22f2d

This text has a font color of #c22f2d.

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

#c22f2d background color

This paragraph has a background color of #c22f2d.

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

#c22f2d border color

This element has a border color of #c22f2d.

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

CSS codes

.text {color:#c22f2d;}

.background {background-color:#c22f2d;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130504
```
#130504 rgb(19,5,4)
```
#230808
```
#230808 rgb(35,8,8)
```
#330c0c
```
#330c0c rgb(51,12,12)
```
#43100f
```
#43100f rgb(67,16,15)
```
#531413
```
#531413 rgb(83,20,19)
```
#621817
```
#621817 rgb(98,24,23)
```
#721c1b
```
#721c1b rgb(114,28,27)
```
#82201e
```
#82201e rgb(130,32,30)
```
#922322
```
#922322 rgb(146,35,34)
```
#a22726
```
#a22726 rgb(162,39,38)
```
#b22b29
```
#b22b29 rgb(178,43,41)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```

Shade Color Variation

#d03533
```
#d03533 rgb(208,53,51)
```
#d34543
```
#d34543 rgb(211,69,67)
```
#d75553
```
#d75553 rgb(215,85,83)
```
#db6463
```
#db6463 rgb(219,100,99)
```
#de7473
```
#de7473 rgb(222,116,115)
```
#e28483
```
#e28483 rgb(226,132,131)
```
#e69492
```
#e69492 rgb(230,148,146)
```
#eaa3a2
```
#eaa3a2 rgb(234,163,162)
```
#edb3b2
```
#edb3b2 rgb(237,179,178)
```
#f1c3c2
```
#f1c3c2 rgb(241,195,194)
```
#f5d3d2
```
#f5d3d2 rgb(245,211,210)
```
#f8e2e2
```
#f8e2e2 rgb(248,226,226)
```
#fcf2f2
```
#fcf2f2 rgb(252,242,242)
```

Tint Color Variation

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

#787777
```
#787777 rgb(120,119,119)
```
#826e6d
```
#826e6d rgb(130,110,109)
```
#8b6564
```
#8b6564 rgb(139,101,100)
```
#945c5b
```
#945c5b rgb(148,92,91)
```
#9d5352
```
#9d5352 rgb(157,83,82)
```
#a64a49
```
#a64a49 rgb(166,74,73)
```
#b0413f
```
#b0413f rgb(176,65,63)
```
#b93836
```
#b93836 rgb(185,56,54)
```
#c22f2d
```
#c22f2d rgb(194,47,45)
```
#cb2624
```
#cb2624 rgb(203,38,36)
```
#d41d1b
```
#d41d1b rgb(212,29,27)
```
#de1411
```
#de1411 rgb(222,20,17)
```
#e70b08
```
#e70b08 rgb(231,11,8)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#705252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796f47 Protanopia 1% of men
#896a2c Deuteranopia 1% of men
#c5393b Tritanopia 0.001% of the population

Trichromacy

#93573d Protanomaly 1% of men, 0.01% of women
#9e542c Deuteranomaly 6% of men, 0.4% of women
#c43536 Tritanomaly 0.01% of the population

#c22f2d hex color

#c22f2d Color Information

#c22f2d Color Conversion

Color Schemes with #c22f2d

Alternatives to #c22f2d

#c22f2d Preview

Shades and Tints of #c22f2d

Tones of #c22f2d

Color Blindness Simulator