#ca1222 hex color

In a RGB color space, hex #ca1222 is composed of 79.2% red, 7.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.1% magenta, 83.2% yellow and 20.8% black. It has a hue angle of 354.8 degrees, a saturation of 83.6% and a lightness of 43.1%. #ca1222 color hex could be obtained by blending #ff2444 with #950000. Closest websafe color is: #cc0033.

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

● #ca1222 color description : Strong red.

The hexadecimal color #ca1222 has RGB values of R:202, G:18, B:34 and CMYK values of C:0, M:0.91, Y:0.83, K:0.21. Its decimal value is 13242914.

Hex triplet	ca1222	`#ca1222`
RGB Decimal	202, 18, 34	`rgb(202,18,34)`
RGB Percent	79.2, 7.1, 13.3	`rgb(79.2%,7.1%,13.3%)`
CMYK	0, 91, 83, 21
HSL	354.8°, 83.6, 43.1	`hsl(354.8,83.6%,43.1%)`
HSV (or HSB)	354.8°, 91.1, 79.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	42.925, 65.786, 43.028
XYZ	24.864, 13.108, 2.734
xyY	0.611, 0.322, 13.108
CIE-LCH	42.925, 78.608, 33.187
CIE-LUV	42.925, 131.227, 25.271
Hunter-Lab	36.205, 59.225, 20.866
Binary	11001010, 00010010, 00100010

#ca1222
```
#ca1222 rgb(202,18,34)
```
#12caba
```
#12caba rgb(18,202,186)
```

Complementary Color

#ca127e
```
#ca127e rgb(202,18,126)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#ca5e12
```
#ca5e12 rgb(202,94,18)
```

Analogous Color

#127eca
```
#127eca rgb(18,126,202)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#12ca5e
```
#12ca5e rgb(18,202,94)
```

Split Complementary Color

#1222ca
```
#1222ca rgb(18,34,202)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#22ca12
```
#22ca12 rgb(34,202,18)
```

Triadic Color

#ba12ca
```
#ba12ca rgb(186,18,202)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#22ca12
```
#22ca12 rgb(34,202,18)
```
#12caba
```
#12caba rgb(18,202,186)
```

Tetradic Color

#840c16
```
#840c16 rgb(132,12,22)
```
#9b0e1a
```
#9b0e1a rgb(155,14,26)
```
#b3101e
```
#b3101e rgb(179,16,30)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#e11426
```
#e11426 rgb(225,20,38)
```
#eb2435
```
#eb2435 rgb(235,36,53)
```
#ee3b4a
```
#ee3b4a rgb(238,59,74)
```

Monochromatic Color

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

#ca1250
```
#ca1250 rgb(202,18,80)
```
#ca1241
```
#ca1241 rgb(202,18,65)
```
#ca1231
```
#ca1231 rgb(202,18,49)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#ca1213
```
#ca1213 rgb(202,18,19)
```
#ca2112
```
#ca2112 rgb(202,33,18)
```
#ca3012
```
#ca3012 rgb(202,48,18)
```

Similar Colors

Text with hexadecimal color #ca1222

This text has a font color of #ca1222.

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

#ca1222 background color

This paragraph has a background color of #ca1222.

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

#ca1222 border color

This element has a border color of #ca1222.

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

CSS codes

.text {color:#ca1222;}

.background {background-color:#ca1222;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#160204
```
#160204 rgb(22,2,4)
```
#280407
```
#280407 rgb(40,4,7)
```
#3a050a
```
#3a050a rgb(58,5,10)
```
#4c070d
```
#4c070d rgb(76,7,13)
```
#5e0810
```
#5e0810 rgb(94,8,16)
```
#700a13
```
#700a13 rgb(112,10,19)
```
#820c16
```
#820c16 rgb(130,12,22)
```
#940d19
```
#940d19 rgb(148,13,25)
```
#a60f1c
```
#a60f1c rgb(166,15,28)
```
#b8101f
```
#b8101f rgb(184,16,31)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#dc1425
```
#dc1425 rgb(220,20,37)
```

Shade Color Variation

#ea192b
```
#ea192b rgb(234,25,43)
```
#ec2b3c
```
#ec2b3c rgb(236,43,60)
```
#ee3d4c
```
#ee3d4c rgb(238,61,76)
```
#ef4f5d
```
#ef4f5d rgb(239,79,93)
```
#f1616d
```
#f1616d rgb(241,97,109)
```
#f3737e
```
#f3737e rgb(243,115,126)
```
#f4858e
```
#f4858e rgb(244,133,142)
```
#f6979f
```
#f6979f rgb(246,151,159)
```
#f7a9b0
```
#f7a9b0 rgb(247,169,176)
```
#f9bbc0
```
#f9bbc0 rgb(249,187,192)
```
#fbcdd1
```
#fbcdd1 rgb(251,205,209)
```
#fcdfe1
```
#fcdfe1 rgb(252,223,225)
```
#fef1f2
```
#fef1f2 rgb(254,241,242)
```

Tint Color Variation

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

#756768
```
#756768 rgb(117,103,104)
```
#7e5e61
```
#7e5e61 rgb(126,94,97)
```
#86565a
```
#86565a rgb(134,86,90)
```
#8f4d53
```
#8f4d53 rgb(143,77,83)
```
#97454c
```
#97454c rgb(151,69,76)
```
#a03c45
```
#a03c45 rgb(160,60,69)
```
#a8343e
```
#a8343e rgb(168,52,62)
```
#b12b37
```
#b12b37 rgb(177,43,55)
```
#b92330
```
#b92330 rgb(185,35,48)
```
#c21a29
```
#c21a29 rgb(194,26,41)
```
#ca1222
```
#ca1222 rgb(202,18,34)
```
#d20a1b
```
#d20a1b rgb(210,10,27)
```
#db0114
```
#db0114 rgb(219,1,20)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#644043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776d3f Protanopia 1% of men
#88681b Deuteranopia 1% of men
#cc211e Tritanopia 0.001% of the population

Trichromacy

#954c34 Protanomaly 1% of men, 0.01% of women
#a0481e Deuteranomaly 6% of men, 0.4% of women
#cb1b1f Tritanomaly 0.01% of the population

#ca1222 hex color

#ca1222 Color Information

#ca1222 Color Conversion

Color Schemes with #ca1222

Alternatives to #ca1222

#ca1222 Preview

Shades and Tints of #ca1222

Tones of #ca1222

Color Blindness Simulator