#ca1d22 hex color

In a RGB color space, hex #ca1d22 is composed of 79.2% red, 11.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.6% magenta, 83.2% yellow and 20.8% black. It has a hue angle of 358.3 degrees, a saturation of 74.9% and a lightness of 45.3%. #ca1d22 color hex could be obtained by blending #ff3a44 with #950000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 79
- G 11
- B 13
RGB color chart
- C 0
- M 86
- Y 83
- K 21
CMYK color chart

● #ca1d22 color description : Strong red.

The hexadecimal color #ca1d22 has RGB values of R:202, G:29, B:34 and CMYK values of C:0, M:0.86, Y:0.83, K:0.21. Its decimal value is 13245730.

Hex triplet	ca1d22	`#ca1d22`
RGB Decimal	202, 29, 34	`rgb(202,29,34)`
RGB Percent	79.2, 11.4, 13.3	`rgb(79.2%,11.4%,13.3%)`
CMYK	0, 86, 83, 21
HSL	358.3°, 74.9, 45.3	`hsl(358.3,74.9%,45.3%)`
HSV (or HSB)	358.3°, 85.6, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.586, 63.89, 43.642
XYZ	25.087, 13.554, 2.809
xyY	0.605, 0.327, 13.554
CIE-LCH	43.586, 77.373, 34.336
CIE-LUV	43.586, 127.988, 26.495
Hunter-Lab	36.816, 57.204, 21.248
Binary	11001010, 00011101, 00100010

#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#1dcac5
```
#1dcac5 rgb(29,202,197)
```

Complementary Color

#ca1d79
```
#ca1d79 rgb(202,29,121)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#ca6f1d
```
#ca6f1d rgb(202,111,29)
```

Analogous Color

#1d79ca
```
#1d79ca rgb(29,121,202)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#1dca6f
```
#1dca6f rgb(29,202,111)
```

Split Complementary Color

#1d22ca
```
#1d22ca rgb(29,34,202)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#22ca1d
```
#22ca1d rgb(34,202,29)
```

Triadic Color

#c51dca
```
#c51dca rgb(197,29,202)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#22ca1d
```
#22ca1d rgb(34,202,29)
```
#1dcac5
```
#1dcac5 rgb(29,202,197)
```

Tetradic Color

#871317
```
#871317 rgb(135,19,23)
```
#9d171a
```
#9d171a rgb(157,23,26)
```
#b41a1e
```
#b41a1e rgb(180,26,30)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#df2127
```
#df2127 rgb(223,33,39)
```
#e2383d
```
#e2383d rgb(226,56,61)
```
#e64e52
```
#e64e52 rgb(230,78,82)
```

Monochromatic Color

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

#ca1d4d
```
#ca1d4d rgb(202,29,77)
```
#ca1d3f
```
#ca1d3f rgb(202,29,63)
```
#ca1d30
```
#ca1d30 rgb(202,29,48)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#ca261d
```
#ca261d rgb(202,38,29)
```
#ca351d
```
#ca351d rgb(202,53,29)
```
#ca431d
```
#ca431d rgb(202,67,29)
```

Similar Colors

Text with hexadecimal color #ca1d22

This text has a font color of #ca1d22.

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

#ca1d22 background color

This paragraph has a background color of #ca1d22.

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

#ca1d22 border color

This element has a border color of #ca1d22.

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

CSS codes

.text {color:#ca1d22;}

.background {background-color:#ca1d22;}

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

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

#0d0202
```
#0d0202 rgb(13,2,2)
```
#1e0405
```
#1e0405 rgb(30,4,5)
```
#300708
```
#300708 rgb(48,7,8)
```
#41090b
```
#41090b rgb(65,9,11)
```
#520c0e
```
#520c0e rgb(82,12,14)
```
#630e11
```
#630e11 rgb(99,14,17)
```
#741114
```
#741114 rgb(116,17,20)
```
#851316
```
#851316 rgb(133,19,22)
```
#971619
```
#971619 rgb(151,22,25)
```
#a8181c
```
#a8181c rgb(168,24,28)
```
#b91b1f
```
#b91b1f rgb(185,27,31)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#db1f25
```
#db1f25 rgb(219,31,37)
```

Shade Color Variation

#e12d33
```
#e12d33 rgb(225,45,51)
```
#e33e43
```
#e33e43 rgb(227,62,67)
```
#e65054
```
#e65054 rgb(230,80,84)
```
#e86165
```
#e86165 rgb(232,97,101)
```
#eb7275
```
#eb7275 rgb(235,114,117)
```
#ed8386
```
#ed8386 rgb(237,131,134)
```
#f09497
```
#f09497 rgb(240,148,151)
```
#f2a5a8
```
#f2a5a8 rgb(242,165,168)
```
#f5b7b8
```
#f5b7b8 rgb(245,183,184)
```
#f7c8c9
```
#f7c8c9 rgb(247,200,201)
```
#fad9da
```
#fad9da rgb(250,217,218)
```
#fceaeb
```
#fceaeb rgb(252,234,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#7a6d6d
```
#7a6d6d rgb(122,109,109)
```
#836465
```
#836465 rgb(131,100,101)
```
#8c5b5d
```
#8c5b5d rgb(140,91,93)
```
#955254
```
#955254 rgb(149,82,84)
```
#9e494c
```
#9e494c rgb(158,73,76)
```
#a64143
```
#a64143 rgb(166,65,67)
```
#af383b
```
#af383b rgb(175,56,59)
```
#b82f33
```
#b82f33 rgb(184,47,51)
```
#c1262a
```
#c1262a rgb(193,38,42)
```
#ca1d22
```
#ca1d22 rgb(202,29,34)
```
#d3141a
```
#d3141a rgb(211,20,26)
```
#dc0b11
```
#dc0b11 rgb(220,11,17)
```
#e50209
```
#e50209 rgb(229,2,9)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#694748 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796e3e Protanopia 1% of men
#8a691c Deuteranopia 1% of men
#cc2928 Tritanopia 0.001% of the population

Trichromacy

#965134 Protanomaly 1% of men, 0.01% of women
#a14d1e Deuteranomaly 6% of men, 0.4% of women
#cb2526 Tritanomaly 0.01% of the population

#ca1d22 hex color

#ca1d22 Color Information

#ca1d22 Color Conversion

Color Schemes with #ca1d22

Alternatives to #ca1d22

#ca1d22 Preview

Shades and Tints of #ca1d22

Tones of #ca1d22

Color Blindness Simulator