#ca1e22 hex color

In a RGB color space, hex #ca1e22 is composed of 79.2% red, 11.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 83.2% yellow and 20.8% black. It has a hue angle of 358.6 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca1e22 color hex could be obtained by blending #ff3c44 with #950000. Closest websafe color is: #cc3333.

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

● #ca1e22 color description : Strong red.

The hexadecimal color #ca1e22 has RGB values of R:202, G:30, B:34 and CMYK values of C:0, M:0.85, Y:0.83, K:0.21. Its decimal value is 13245986.

Hex triplet	ca1e22	`#ca1e22`
RGB Decimal	202, 30, 34	`rgb(202,30,34)`
RGB Percent	79.2, 11.8, 13.3	`rgb(79.2%,11.8%,13.3%)`
CMYK	0, 85, 83, 21
HSL	358.6°, 74.1, 45.5	`hsl(358.6,74.1%,45.5%)`
HSV (or HSB)	358.6°, 85.1, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.659, 63.682, 43.709
XYZ	25.111, 13.604, 2.817
xyY	0.605, 0.328, 13.604
CIE-LCH	43.659, 77.239, 34.464
CIE-LUV	43.659, 127.634, 26.629
Hunter-Lab	36.883, 56.983, 21.29
Binary	11001010, 00011110, 00100010

#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#1ecac6
```
#1ecac6 rgb(30,202,198)
```

Complementary Color

#ca1e78
```
#ca1e78 rgb(202,30,120)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#ca701e
```
#ca701e rgb(202,112,30)
```

Analogous Color

#1e78ca
```
#1e78ca rgb(30,120,202)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#1eca70
```
#1eca70 rgb(30,202,112)
```

Split Complementary Color

#1e22ca
```
#1e22ca rgb(30,34,202)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#22ca1e
```
#22ca1e rgb(34,202,30)
```

Triadic Color

#c61eca
```
#c61eca rgb(198,30,202)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#22ca1e
```
#22ca1e rgb(34,202,30)
```
#1ecac6
```
#1ecac6 rgb(30,202,198)
```

Tetradic Color

#871417
```
#871417 rgb(135,20,23)
```
#9e171b
```
#9e171b rgb(158,23,27)
```
#b41b1e
```
#b41b1e rgb(180,27,30)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#de2328
```
#de2328 rgb(222,35,40)
```
#e2393d
```
#e2393d rgb(226,57,61)
```
#e55053
```
#e55053 rgb(229,80,83)
```

Monochromatic Color

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

#ca1e4d
```
#ca1e4d rgb(202,30,77)
```
#ca1e3f
```
#ca1e3f rgb(202,30,63)
```
#ca1e30
```
#ca1e30 rgb(202,30,48)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#ca281e
```
#ca281e rgb(202,40,30)
```
#ca371e
```
#ca371e rgb(202,55,30)
```
#ca451e
```
#ca451e rgb(202,69,30)
```

Similar Colors

Text with hexadecimal color #ca1e22

This text has a font color of #ca1e22.

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

#ca1e22 background color

This paragraph has a background color of #ca1e22.

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

#ca1e22 border color

This element has a border color of #ca1e22.

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

CSS codes

.text {color:#ca1e22;}

.background {background-color:#ca1e22;}

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

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

#0e0202
```
#0e0202 rgb(14,2,2)
```
#1f0505
```
#1f0505 rgb(31,5,5)
```
#300708
```
#300708 rgb(48,7,8)
```
#410a0b
```
#410a0b rgb(65,10,11)
```
#520c0e
```
#520c0e rgb(82,12,14)
```
#640f11
```
#640f11 rgb(100,15,17)
```
#751114
```
#751114 rgb(117,17,20)
```
#861417
```
#861417 rgb(134,20,23)
```
#971619
```
#971619 rgb(151,22,25)
```
#a8191c
```
#a8191c rgb(168,25,28)
```
#b91b1f
```
#b91b1f rgb(185,27,31)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#db2125
```
#db2125 rgb(219,33,37)
```

Shade Color Variation

#e02f33
```
#e02f33 rgb(224,47,51)
```
#e34044
```
#e34044 rgb(227,64,68)
```
#e55155
```
#e55155 rgb(229,81,85)
```
#e86265
```
#e86265 rgb(232,98,101)
```
#ea7376
```
#ea7376 rgb(234,115,118)
```
#ed8587
```
#ed8587 rgb(237,133,135)
```
#ef9698
```
#ef9698 rgb(239,150,152)
```
#f2a7a8
```
#f2a7a8 rgb(242,167,168)
```
#f4b8b9
```
#f4b8b9 rgb(244,184,185)
```
#f7c9ca
```
#f7c9ca rgb(247,201,202)
```
#f9dadb
```
#f9dadb rgb(249,218,219)
```
#fcebeb
```
#fcebeb rgb(252,235,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#7a6e6f
```
#7a6e6f rgb(122,110,111)
```
#836566
```
#836566 rgb(131,101,102)
```
#8c5c5e
```
#8c5c5e rgb(140,92,94)
```
#945455
```
#945455 rgb(148,84,85)
```
#9d4b4d
```
#9d4b4d rgb(157,75,77)
```
#a64244
```
#a64244 rgb(166,66,68)
```
#af393c
```
#af393c rgb(175,57,60)
```
#b83033
```
#b83033 rgb(184,48,51)
```
#c1272b
```
#c1272b rgb(193,39,43)
```
#ca1e22
```
#ca1e22 rgb(202,30,34)
```
#d31519
```
#d31519 rgb(211,21,25)
```
#dc0c11
```
#dc0c11 rgb(220,12,17)
```
#e50308
```
#e50308 rgb(229,3,8)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#6a4848 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796f3e Protanopia 1% of men
#8a691c Deuteranopia 1% of men
#cc2a29 Tritanopia 0.001% of the population

Trichromacy

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

#ca1e22 hex color

#ca1e22 Color Information

#ca1e22 Color Conversion

Color Schemes with #ca1e22

Alternatives to #ca1e22

#ca1e22 Preview

Shades and Tints of #ca1e22

Tones of #ca1e22

Color Blindness Simulator