#ca1223 hex color

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

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

● #ca1223 color description : Strong red.

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

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

CIE-LAB	42.934, 65.811, 42.498
XYZ	24.878, 13.114, 2.811
xyY	0.61, 0.321, 13.114
CIE-LCH	42.934, 78.34, 32.852
CIE-LUV	42.934, 131.046, 24.988
Hunter-Lab	36.213, 59.256, 20.746
Binary	11001010, 00010010, 00100011

#ca1223
```
#ca1223 rgb(202,18,35)
```
#12cab9
```
#12cab9 rgb(18,202,185)
```

Complementary Color

#ca127f
```
#ca127f rgb(202,18,127)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#ca5d12
```
#ca5d12 rgb(202,93,18)
```

Analogous Color

#127fca
```
#127fca rgb(18,127,202)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#12ca5d
```
#12ca5d rgb(18,202,93)
```

Split Complementary Color

#1223ca
```
#1223ca rgb(18,35,202)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#23ca12
```
#23ca12 rgb(35,202,18)
```

Triadic Color

#b912ca
```
#b912ca rgb(185,18,202)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#23ca12
```
#23ca12 rgb(35,202,18)
```
#12cab9
```
#12cab9 rgb(18,202,185)
```

Tetradic Color

#840c17
```
#840c17 rgb(132,12,23)
```
#9b0e1b
```
#9b0e1b rgb(155,14,27)
```
#b3101f
```
#b3101f rgb(179,16,31)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#e11427
```
#e11427 rgb(225,20,39)
```
#eb2436
```
#eb2436 rgb(235,36,54)
```
#ee3b4b
```
#ee3b4b rgb(238,59,75)
```

Monochromatic Color

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

#ca1251
```
#ca1251 rgb(202,18,81)
```
#ca1242
```
#ca1242 rgb(202,18,66)
```
#ca1232
```
#ca1232 rgb(202,18,50)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#ca1214
```
#ca1214 rgb(202,18,20)
```
#ca2012
```
#ca2012 rgb(202,32,18)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```

Similar Colors

Text with hexadecimal color #ca1223

This text has a font color of #ca1223.

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

#ca1223 background color

This paragraph has a background color of #ca1223.

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

#ca1223 border color

This element has a border color of #ca1223.

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

CSS codes

.text {color:#ca1223;}

.background {background-color:#ca1223;}

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

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)
```
#820c17
```
#820c17 rgb(130,12,23)
```
#940d1a
```
#940d1a rgb(148,13,26)
```
#a60f1d
```
#a60f1d rgb(166,15,29)
```
#b81020
```
#b81020 rgb(184,16,32)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#dc1426
```
#dc1426 rgb(220,20,38)
```

Shade Color Variation

#ea192c
```
#ea192c rgb(234,25,44)
```
#ec2b3d
```
#ec2b3d rgb(236,43,61)
```
#ee3d4d
```
#ee3d4d rgb(238,61,77)
```
#ef4f5e
```
#ef4f5e rgb(239,79,94)
```
#f1616e
```
#f1616e rgb(241,97,110)
```
#f3737f
```
#f3737f rgb(243,115,127)
```
#f4858f
```
#f4858f rgb(244,133,143)
```
#f697a0
```
#f697a0 rgb(246,151,160)
```
#f7a9b0
```
#f7a9b0 rgb(247,169,176)
```
#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 #db0115 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)
```
#a8343f
```
#a8343f rgb(168,52,63)
```
#b12b38
```
#b12b38 rgb(177,43,56)
```
#b92331
```
#b92331 rgb(185,35,49)
```
#c21a2a
```
#c21a2a rgb(194,26,42)
```
#ca1223
```
#ca1223 rgb(202,18,35)
```
#d20a1c
```
#d20a1c rgb(210,10,28)
```
#db0115
```
#db0115 rgb(219,1,21)
```

Tone Color Variation

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

#776d40 Protanopia 1% of men
#88681d Deuteranopia 1% of men
#cc211e Tritanopia 0.001% of the population

Trichromacy

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

#ca1223 hex color

#ca1223 Color Information

#ca1223 Color Conversion

Color Schemes with #ca1223

Alternatives to #ca1223

#ca1223 Preview

Shades and Tints of #ca1223

Tones of #ca1223

Color Blindness Simulator