#c22a40 hex color

In a RGB color space, hex #c22a40 is composed of 76.1% red, 16.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 67% yellow and 23.9% black. It has a hue angle of 351.3 degrees, a saturation of 64.4% and a lightness of 46.3%. #c22a40 color hex could be obtained by blending #ff5480 with #850000. Closest websafe color is: #cc3333.

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

● #c22a40 color description : Strong red.

The hexadecimal color #c22a40 has RGB values of R:194, G:42, B:64 and CMYK values of C:0, M:0.78, Y:0.67, K:0.24. Its decimal value is 12724800.

Hex triplet	c22a40	`#c22a40`
RGB Decimal	194, 42, 64	`rgb(194,42,64)`
RGB Percent	76.1, 16.5, 25.1	`rgb(76.1%,16.5%,25.1%)`
CMYK	0, 78, 67, 24
HSL	351.3°, 64.4, 46.3	`hsl(351.3,64.4%,46.3%)`
HSV (or HSB)	351.3°, 78.4, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.505, 59.555, 25.684
XYZ	24.003, 13.498, 6.192
xyY	0.549, 0.309, 13.498
CIE-LCH	43.505, 64.858, 23.329
CIE-LUV	43.505, 109.694, 15.504
Hunter-Lab	36.74, 52.321, 15.726
Binary	11000010, 00101010, 01000000

#c22a40
```
#c22a40 rgb(194,42,64)
```
#2ac2ac
```
#2ac2ac rgb(42,194,172)
```

Complementary Color

#c22a8c
```
#c22a8c rgb(194,42,140)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```
#c2602a
```
#c2602a rgb(194,96,42)
```

Analogous Color

#2a8cc2
```
#2a8cc2 rgb(42,140,194)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```
#2ac260
```
#2ac260 rgb(42,194,96)
```

Split Complementary Color

#2a40c2
```
#2a40c2 rgb(42,64,194)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```
#40c22a
```
#40c22a rgb(64,194,42)
```

Triadic Color

#ac2ac2
```
#ac2ac2 rgb(172,42,194)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```
#40c22a
```
#40c22a rgb(64,194,42)
```
#2ac2ac
```
#2ac2ac rgb(42,194,172)
```

Tetradic Color

#831c2b
```
#831c2b rgb(131,28,43)
```
#982132
```
#982132 rgb(152,33,50)
```
#ad2539
```
#ad2539 rgb(173,37,57)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```
#d3334a
```
#d3334a rgb(211,51,74)
```
#d7485c
```
#d7485c rgb(215,72,92)
```
#dc5d6f
```
#dc5d6f rgb(220,93,111)
```

Monochromatic Color

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

#c22a66
```
#c22a66 rgb(194,42,102)
```
#c22a59
```
#c22a59 rgb(194,42,89)
```
#c22a4d
```
#c22a4d rgb(194,42,77)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```
#c22a33
```
#c22a33 rgb(194,42,51)
```
#c22d2a
```
#c22d2a rgb(194,45,42)
```
#c23a2a
```
#c23a2a rgb(194,58,42)
```

Similar Colors

Text with hexadecimal color #c22a40

This text has a font color of #c22a40.

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

#c22a40 background color

This paragraph has a background color of #c22a40.

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

#c22a40 border color

This element has a border color of #c22a40.

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

CSS codes

.text {color:#c22a40;}

.background {background-color:#c22a40;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110405
```
#110405 rgb(17,4,5)
```
#21070b
```
#21070b rgb(33,7,11)
```
#310b10
```
#310b10 rgb(49,11,16)
```
#410e15
```
#410e15 rgb(65,14,21)
```
#51121b
```
#51121b rgb(81,18,27)
```
#611520
```
#611520 rgb(97,21,32)
```
#711925
```
#711925 rgb(113,25,37)
```
#821c2b
```
#821c2b rgb(130,28,43)
```
#922030
```
#922030 rgb(146,32,48)
```
#a22335
```
#a22335 rgb(162,35,53)
```
#b2273b
```
#b2273b rgb(178,39,59)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```

Shade Color Variation

#d22e46
```
#d22e46 rgb(210,46,70)
```
#d53e54
```
#d53e54 rgb(213,62,84)
```
#d94e62
```
#d94e62 rgb(217,78,98)
```
#dc5e70
```
#dc5e70 rgb(220,94,112)
```
#e06e7f
```
#e06e7f rgb(224,110,127)
```
#e37f8d
```
#e37f8d rgb(227,127,141)
```
#e78f9b
```
#e78f9b rgb(231,143,155)
```
#ea9faa
```
#ea9faa rgb(234,159,170)
```
#eeafb8
```
#eeafb8 rgb(238,175,184)
```
#f1bfc6
```
#f1bfc6 rgb(241,191,198)
```
#f5cfd5
```
#f5cfd5 rgb(245,207,213)
```
#f8dfe3
```
#f8dfe3 rgb(248,223,227)
```
#fceff1
```
#fceff1 rgb(252,239,241)
```

Tint Color Variation

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

#797374
```
#797374 rgb(121,115,116)
```
#826a6d
```
#826a6d rgb(130,106,109)
```
#8c6067
```
#8c6067 rgb(140,96,103)
```
#955760
```
#955760 rgb(149,87,96)
```
#9e4e5a
```
#9e4e5a rgb(158,78,90)
```
#a74553
```
#a74553 rgb(167,69,83)
```
#b03c4d
```
#b03c4d rgb(176,60,77)
```
#b93346
```
#b93346 rgb(185,51,70)
```
#c22a40
```
#c22a40 rgb(194,42,64)
```
#cb213a
```
#cb213a rgb(203,33,58)
```
#d41833
```
#d41833 rgb(212,24,51)
```
#dd0f2d
```
#dd0f2d rgb(221,15,45)
```
#e60626
```
#e60626 rgb(230,6,38)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6f5055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746e5e Protanopia 1% of men
#866940 Deuteranopia 1% of men
#c4383a Tritanopia 0.001% of the population

Trichromacy

#905553 Protanomaly 1% of men, 0.01% of women
#9b5240 Deuteranomaly 6% of men, 0.4% of women
#c3333c Tritanomaly 0.01% of the population

#c22a40 hex color

#c22a40 Color Information

#c22a40 Color Conversion

Color Schemes with #c22a40

Alternatives to #c22a40

#c22a40 Preview

Shades and Tints of #c22a40

Tones of #c22a40

Color Blindness Simulator