#c22b31 hex color

In a RGB color space, hex #c22b31 is composed of 76.1% red, 16.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 74.7% yellow and 23.9% black. It has a hue angle of 357.6 degrees, a saturation of 63.7% and a lightness of 46.5%. #c22b31 color hex could be obtained by blending #ff5662 with #850000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 76
- G 17
- B 19
RGB color chart
- C 0
- M 78
- Y 75
- K 24
CMYK color chart

● #c22b31 color description : Strong red.

The hexadecimal color #c22b31 has RGB values of R:194, G:43, B:49 and CMYK values of C:0, M:0.78, Y:0.75, K:0.24. Its decimal value is 12725041.

Hex triplet	c22b31	`#c22b31`
RGB Decimal	194, 43, 49	`rgb(194,43,49)`
RGB Percent	76.1, 16.9, 19.2	`rgb(76.1%,16.9%,19.2%)`
CMYK	0, 78, 75, 24
HSL	357.6°, 63.7, 46.5	`hsl(357.6,63.7%,46.5%)`
HSV (or HSB)	357.6°, 77.8, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.392, 58.564, 34.557
XYZ	23.668, 13.422, 4.25
xyY	0.573, 0.325, 13.422
CIE-LCH	43.392, 67.999, 30.543
CIE-LUV	43.392, 113.024, 22.426
Hunter-Lab	36.636, 51.203, 18.767
Binary	11000010, 00101011, 00110001

#c22b31
```
#c22b31 rgb(194,43,49)
```
#2bc2bc
```
#2bc2bc rgb(43,194,188)
```

Complementary Color

#c22b7d
```
#c22b7d rgb(194,43,125)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```
#c2712b
```
#c2712b rgb(194,113,43)
```

Analogous Color

#2b7dc2
```
#2b7dc2 rgb(43,125,194)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```
#2bc271
```
#2bc271 rgb(43,194,113)
```

Split Complementary Color

#2b31c2
```
#2b31c2 rgb(43,49,194)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```
#31c22b
```
#31c22b rgb(49,194,43)
```

Triadic Color

#bc2bc2
```
#bc2bc2 rgb(188,43,194)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```
#31c22b
```
#31c22b rgb(49,194,43)
```
#2bc2bc
```
#2bc2bc rgb(43,194,188)
```

Tetradic Color

#831d21
```
#831d21 rgb(131,29,33)
```
#982226
```
#982226 rgb(152,34,38)
```
#ad262c
```
#ad262c rgb(173,38,44)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```
#d2343b
```
#d2343b rgb(210,52,59)
```
#d7494f
```
#d7494f rgb(215,73,79)
```
#db5e63
```
#db5e63 rgb(219,94,99)
```

Monochromatic Color

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

#c22b57
```
#c22b57 rgb(194,43,87)
```
#c22b4a
```
#c22b4a rgb(194,43,74)
```
#c22b3e
```
#c22b3e rgb(194,43,62)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```
#c2322b
```
#c2322b rgb(194,50,43)
```
#c23e2b
```
#c23e2b rgb(194,62,43)
```
#c24b2b
```
#c24b2b rgb(194,75,43)
```

Similar Colors

Text with hexadecimal color #c22b31

This text has a font color of #c22b31.

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

#c22b31 background color

This paragraph has a background color of #c22b31.

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

#c22b31 border color

This element has a border color of #c22b31.

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

CSS codes

.text {color:#c22b31;}

.background {background-color:#c22b31;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110404
```
#110404 rgb(17,4,4)
```
#210708
```
#210708 rgb(33,7,8)
```
#310b0d
```
#310b0d rgb(49,11,13)
```
#420f11
```
#420f11 rgb(66,15,17)
```
#521215
```
#521215 rgb(82,18,21)
```
#621619
```
#621619 rgb(98,22,25)
```
#72191d
```
#72191d rgb(114,25,29)
```
#821d21
```
#821d21 rgb(130,29,33)
```
#922025
```
#922025 rgb(146,32,37)
```
#a22429
```
#a22429 rgb(162,36,41)
```
#b2272d
```
#b2272d rgb(178,39,45)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```

Shade Color Variation

#d13036
```
#d13036 rgb(209,48,54)
```
#d54046
```
#d54046 rgb(213,64,70)
```
#d85055
```
#d85055 rgb(216,80,85)
```
#dc6065
```
#dc6065 rgb(220,96,101)
```
#df7074
```
#df7074 rgb(223,112,116)
```
#e38084
```
#e38084 rgb(227,128,132)
```
#e69093
```
#e69093 rgb(230,144,147)
```
#eaa0a3
```
#eaa0a3 rgb(234,160,163)
```
#edb0b2
```
#edb0b2 rgb(237,176,178)
```
#f1c0c2
```
#f1c0c2 rgb(241,192,194)
```
#f5d0d2
```
#f5d0d2 rgb(245,208,210)
```
#f8e0e1
```
#f8e0e1 rgb(248,224,225)
```
#fcf0f1
```
#fcf0f1 rgb(252,240,241)
```

Tint Color Variation

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

#797474
```
#797474 rgb(121,116,116)
```
#826b6c
```
#826b6c rgb(130,107,108)
```
#8b6263
```
#8b6263 rgb(139,98,99)
```
#94595b
```
#94595b rgb(148,89,91)
```
#9e4f53
```
#9e4f53 rgb(158,79,83)
```
#a7464a
```
#a7464a rgb(167,70,74)
```
#b03d42
```
#b03d42 rgb(176,61,66)
```
#b93439
```
#b93439 rgb(185,52,57)
```
#c22b31
```
#c22b31 rgb(194,43,49)
```
#cb2229
```
#cb2229 rgb(203,34,41)
```
#d41920
```
#d41920 rgb(212,25,32)
```
#dd1018
```
#dd1018 rgb(221,16,24)
```
#e6070f
```
#e6070f rgb(230,7,15)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6e5051 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e4c Protanopia 1% of men
#876930 Deuteranopia 1% of men
#c53638 Tritanopia 0.001% of the population

Trichromacy

#925542 Protanomaly 1% of men, 0.01% of women
#9d5230 Deuteranomaly 6% of men, 0.4% of women
#c33235 Tritanomaly 0.01% of the population

#c22b31 hex color

#c22b31 Color Information

#c22b31 Color Conversion

Color Schemes with #c22b31

Alternatives to #c22b31

#c22b31 Preview

Shades and Tints of #c22b31

Tones of #c22b31

Color Blindness Simulator