#ca1218 hex color

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

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

● #ca1218 color description : Strong red.

The hexadecimal color #ca1218 has RGB values of R:202, G:18, B:24 and CMYK values of C:0, M:0.91, Y:0.88, K:0.21. Its decimal value is 13242904.

Hex triplet	ca1218	`#ca1218`
RGB Decimal	202, 18, 24	`rgb(202,18,24)`
RGB Percent	79.2, 7.1, 9.4	`rgb(79.2%,7.1%,9.4%)`
CMYK	0, 91, 88, 21
HSL	358°, 83.6, 43.1	`hsl(358,83.6%,43.1%)`
HSV (or HSB)	358°, 91.1, 79.2
Web Safe	cc0000	`#cc0000`

CIE-LAB	42.851, 65.575, 47.985
XYZ	24.74, 13.058, 2.082
xyY	0.62, 0.327, 13.058
CIE-LCH	42.851, 81.257, 36.195
CIE-LUV	42.851, 132.786, 27.693
Hunter-Lab	36.136, 58.966, 21.879
Binary	11001010, 00010010, 00011000

#ca1218
```
#ca1218 rgb(202,18,24)
```
#12cac4
```
#12cac4 rgb(18,202,196)
```

Complementary Color

#ca1274
```
#ca1274 rgb(202,18,116)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#ca6812
```
#ca6812 rgb(202,104,18)
```

Analogous Color

#1274ca
```
#1274ca rgb(18,116,202)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#12ca68
```
#12ca68 rgb(18,202,104)
```

Split Complementary Color

#1218ca
```
#1218ca rgb(18,24,202)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#18ca12
```
#18ca12 rgb(24,202,18)
```

Triadic Color

#c412ca
```
#c412ca rgb(196,18,202)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#18ca12
```
#18ca12 rgb(24,202,18)
```
#12cac4
```
#12cac4 rgb(18,202,196)
```

Tetradic Color

#840c10
```
#840c10 rgb(132,12,16)
```
#9b0e12
```
#9b0e12 rgb(155,14,18)
```
#b31015
```
#b31015 rgb(179,16,21)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#e1141b
```
#e1141b rgb(225,20,27)
```
#eb242a
```
#eb242a rgb(235,36,42)
```
#ee3b41
```
#ee3b41 rgb(238,59,65)
```

Monochromatic Color

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

#ca1246
```
#ca1246 rgb(202,18,70)
```
#ca1237
```
#ca1237 rgb(202,18,55)
```
#ca1227
```
#ca1227 rgb(202,18,39)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#ca1b12
```
#ca1b12 rgb(202,27,18)
```
#ca2b12
```
#ca2b12 rgb(202,43,18)
```
#ca3a12
```
#ca3a12 rgb(202,58,18)
```

Similar Colors

Text with hexadecimal color #ca1218

This text has a font color of #ca1218.

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

#ca1218 background color

This paragraph has a background color of #ca1218.

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

#ca1218 border color

This element has a border color of #ca1218.

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

CSS codes

.text {color:#ca1218;}

.background {background-color:#ca1218;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#160203
```
#160203 rgb(22,2,3)
```
#280405
```
#280405 rgb(40,4,5)
```
#3a0507
```
#3a0507 rgb(58,5,7)
```
#4c0709
```
#4c0709 rgb(76,7,9)
```
#5e080b
```
#5e080b rgb(94,8,11)
```
#700a0d
```
#700a0d rgb(112,10,13)
```
#820c0f
```
#820c0f rgb(130,12,15)
```
#940d12
```
#940d12 rgb(148,13,18)
```
#a60f14
```
#a60f14 rgb(166,15,20)
```
#b81016
```
#b81016 rgb(184,16,22)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#dc141a
```
#dc141a rgb(220,20,26)
```

Shade Color Variation

#ea1920
```
#ea1920 rgb(234,25,32)
```
#ec2b31
```
#ec2b31 rgb(236,43,49)
```
#ee3d43
```
#ee3d43 rgb(238,61,67)
```
#ef4f54
```
#ef4f54 rgb(239,79,84)
```
#f16165
```
#f16165 rgb(241,97,101)
```
#f37377
```
#f37377 rgb(243,115,119)
```
#f48588
```
#f48588 rgb(244,133,136)
```
#f6979a
```
#f6979a rgb(246,151,154)
```
#f7a9ab
```
#f7a9ab rgb(247,169,171)
```
#f9bbbd
```
#f9bbbd rgb(249,187,189)
```
#fbcdce
```
#fbcdce rgb(251,205,206)
```
#fcdfe0
```
#fcdfe0 rgb(252,223,224)
```
#fef1f1
```
#fef1f1 rgb(254,241,241)
```

Tint Color Variation

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

#756767
```
#756767 rgb(117,103,103)
```
#7e5e5f
```
#7e5e5f rgb(126,94,95)
```
#865657
```
#865657 rgb(134,86,87)
```
#8f4d4f
```
#8f4d4f rgb(143,77,79)
```
#974547
```
#974547 rgb(151,69,71)
```
#a03c40
```
#a03c40 rgb(160,60,64)
```
#a83438
```
#a83438 rgb(168,52,56)
```
#b12b30
```
#b12b30 rgb(177,43,48)
```
#b92328
```
#b92328 rgb(185,35,40)
```
#c21a20
```
#c21a20 rgb(194,26,32)
```
#ca1218
```
#ca1218 rgb(202,18,24)
```
#d20a10
```
#d20a10 rgb(210,10,16)
```
#db0108
```
#db0108 rgb(219,1,8)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#643f40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d34 Protanopia 1% of men
#886700 Deuteranopia 1% of men
#cc1f1b Tritanopia 0.001% of the population

Trichromacy

#964c2a Protanomaly 1% of men, 0.01% of women
#a04808 Deuteranomaly 6% of men, 0.4% of women
#cb1a1a Tritanomaly 0.01% of the population

#ca1218 hex color

#ca1218 Color Information

#ca1218 Color Conversion

Color Schemes with #ca1218

Alternatives to #ca1218

#ca1218 Preview

Shades and Tints of #ca1218

Tones of #ca1218

Color Blindness Simulator