#ca1224 hex color

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

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

● #ca1224 color description : Strong red.

The hexadecimal color #ca1224 has RGB values of R:202, G:18, B:36 and CMYK values of C:0, M:0.91, Y:0.82, K:0.21. Its decimal value is 13242916.

Hex triplet	ca1224	`#ca1224`
RGB Decimal	202, 18, 36	`rgb(202,18,36)`
RGB Percent	79.2, 7.1, 14.1	`rgb(79.2%,7.1%,14.1%)`
CMYK	0, 91, 82, 21
HSL	354.1°, 83.6, 43.1	`hsl(354.1,83.6%,43.1%)`
HSV (or HSB)	354.1°, 91.1, 79.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	42.943, 65.837, 41.963
XYZ	24.893, 13.12, 2.891
xyY	0.609, 0.321, 13.12
CIE-LCH	42.943, 78.073, 32.512
CIE-LUV	42.943, 130.859, 24.697
Hunter-Lab	36.221, 59.288, 20.623
Binary	11001010, 00010010, 00100100

#ca1224
```
#ca1224 rgb(202,18,36)
```
#12cab8
```
#12cab8 rgb(18,202,184)
```

Complementary Color

#ca1280
```
#ca1280 rgb(202,18,128)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#ca5c12
```
#ca5c12 rgb(202,92,18)
```

Analogous Color

#1280ca
```
#1280ca rgb(18,128,202)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#12ca5c
```
#12ca5c rgb(18,202,92)
```

Split Complementary Color

#1224ca
```
#1224ca rgb(18,36,202)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#24ca12
```
#24ca12 rgb(36,202,18)
```

Triadic Color

#b812ca
```
#b812ca rgb(184,18,202)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#24ca12
```
#24ca12 rgb(36,202,18)
```
#12cab8
```
#12cab8 rgb(18,202,184)
```

Tetradic Color

#840c17
```
#840c17 rgb(132,12,23)
```
#9b0e1c
```
#9b0e1c rgb(155,14,28)
```
#b31020
```
#b31020 rgb(179,16,32)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#e11428
```
#e11428 rgb(225,20,40)
```
#eb2437
```
#eb2437 rgb(235,36,55)
```
#ee3b4c
```
#ee3b4c rgb(238,59,76)
```

Monochromatic Color

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

#ca1252
```
#ca1252 rgb(202,18,82)
```
#ca1243
```
#ca1243 rgb(202,18,67)
```
#ca1233
```
#ca1233 rgb(202,18,51)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#ca1215
```
#ca1215 rgb(202,18,21)
```
#ca1f12
```
#ca1f12 rgb(202,31,18)
```
#ca2e12
```
#ca2e12 rgb(202,46,18)
```

Similar Colors

Text with hexadecimal color #ca1224

This text has a font color of #ca1224.

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

#ca1224 background color

This paragraph has a background color of #ca1224.

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

#ca1224 border color

This element has a border color of #ca1224.

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

CSS codes

.text {color:#ca1224;}

.background {background-color:#ca1224;}

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

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)
```
#4c070e
```
#4c070e rgb(76,7,14)
```
#5e0811
```
#5e0811 rgb(94,8,17)
```
#700a14
```
#700a14 rgb(112,10,20)
```
#820c17
```
#820c17 rgb(130,12,23)
```
#940d1a
```
#940d1a rgb(148,13,26)
```
#a60f1e
```
#a60f1e rgb(166,15,30)
```
#b81021
```
#b81021 rgb(184,16,33)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#dc1427
```
#dc1427 rgb(220,20,39)
```

Shade Color Variation

#ea192d
```
#ea192d rgb(234,25,45)
```
#ec2b3e
```
#ec2b3e rgb(236,43,62)
```
#ee3d4e
```
#ee3d4e rgb(238,61,78)
```
#ef4f5e
```
#ef4f5e rgb(239,79,94)
```
#f1616f
```
#f1616f rgb(241,97,111)
```
#f3737f
```
#f3737f rgb(243,115,127)
```
#f48590
```
#f48590 rgb(244,133,144)
```
#f697a0
```
#f697a0 rgb(246,151,160)
```
#f7a9b1
```
#f7a9b1 rgb(247,169,177)
```
#f9bbc1
```
#f9bbc1 rgb(249,187,193)
```
#fbcdd1
```
#fbcdd1 rgb(251,205,209)
```
#fcdfe2
```
#fcdfe2 rgb(252,223,226)
```
#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 #db0116 is the most saturated one.

#756768
```
#756768 rgb(117,103,104)
```
#7e5e61
```
#7e5e61 rgb(126,94,97)
```
#86565a
```
#86565a rgb(134,86,90)
```
#8f4d54
```
#8f4d54 rgb(143,77,84)
```
#97454d
```
#97454d rgb(151,69,77)
```
#a03c46
```
#a03c46 rgb(160,60,70)
```
#a8343f
```
#a8343f rgb(168,52,63)
```
#b12b38
```
#b12b38 rgb(177,43,56)
```
#b92332
```
#b92332 rgb(185,35,50)
```
#c21a2b
```
#c21a2b rgb(194,26,43)
```
#ca1224
```
#ca1224 rgb(202,18,36)
```
#d20a1d
```
#d20a1d rgb(210,10,29)
```
#db0116
```
#db0116 rgb(219,1,22)
```

Tone Color Variation

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

#776d41 Protanopia 1% of men
#88681e Deuteranopia 1% of men
#cc211e Tritanopia 0.001% of the population

Trichromacy

#954c37 Protanomaly 1% of men, 0.01% of women
#a04820 Deuteranomaly 6% of men, 0.4% of women
#cb1c20 Tritanomaly 0.01% of the population

#ca1224 hex color

#ca1224 Color Information

#ca1224 Color Conversion

Color Schemes with #ca1224

Alternatives to #ca1224

#ca1224 Preview

Shades and Tints of #ca1224

Tones of #ca1224

Color Blindness Simulator