#ca1424 hex color

In a RGB color space, hex #ca1424 is composed of 79.2% red, 7.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 82.2% yellow and 20.8% black. It has a hue angle of 354.7 degrees, a saturation of 82% and a lightness of 43.5%. #ca1424 color hex could be obtained by blending #ff2848 with #950000. Closest websafe color is: #cc0033.

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

● #ca1424 color description : Strong red.

The hexadecimal color #ca1424 has RGB values of R:202, G:20, B:36 and CMYK values of C:0, M:0.9, Y:0.82, K:0.21. Its decimal value is 13243428.

Hex triplet	ca1424	`#ca1424`
RGB Decimal	202, 20, 36	`rgb(202,20,36)`
RGB Percent	79.2, 7.8, 14.1	`rgb(79.2%,7.8%,14.1%)`
CMYK	0, 90, 82, 21
HSL	354.7°, 82, 43.5	`hsl(354.7,82%,43.5%)`
HSV (or HSB)	354.7°, 90.1, 79.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.044, 65.546, 42.06
XYZ	24.927, 13.187, 2.902
xyY	0.608, 0.322, 13.187
CIE-LCH	43.044, 77.88, 32.688
CIE-LUV	43.044, 130.363, 24.886
Hunter-Lab	36.315, 58.975, 20.682
Binary	11001010, 00010100, 00100100

#ca1424
```
#ca1424 rgb(202,20,36)
```
#14caba
```
#14caba rgb(20,202,186)
```

Complementary Color

#ca147f
```
#ca147f rgb(202,20,127)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#ca5f14
```
#ca5f14 rgb(202,95,20)
```

Analogous Color

#147fca
```
#147fca rgb(20,127,202)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#14ca5f
```
#14ca5f rgb(20,202,95)
```

Split Complementary Color

#1424ca
```
#1424ca rgb(20,36,202)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#24ca14
```
#24ca14 rgb(36,202,20)
```

Triadic Color

#ba14ca
```
#ba14ca rgb(186,20,202)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#24ca14
```
#24ca14 rgb(36,202,20)
```
#14caba
```
#14caba rgb(20,202,186)
```

Tetradic Color

#840d18
```
#840d18 rgb(132,13,24)
```
#9c0f1c
```
#9c0f1c rgb(156,15,28)
```
#b31220
```
#b31220 rgb(179,18,32)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#e11628
```
#e11628 rgb(225,22,40)
```
#ea2738
```
#ea2738 rgb(234,39,56)
```
#ec3f4e
```
#ec3f4e rgb(236,63,78)
```

Monochromatic Color

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

#ca1452
```
#ca1452 rgb(202,20,82)
```
#ca1442
```
#ca1442 rgb(202,20,66)
```
#ca1433
```
#ca1433 rgb(202,20,51)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#ca1415
```
#ca1415 rgb(202,20,21)
```
#ca2214
```
#ca2214 rgb(202,34,20)
```
#ca3214
```
#ca3214 rgb(202,50,20)
```

Similar Colors

Text with hexadecimal color #ca1424

This text has a font color of #ca1424.

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

#ca1424 background color

This paragraph has a background color of #ca1424.

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

#ca1424 border color

This element has a border color of #ca1424.

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

CSS codes

.text {color:#ca1424;}

.background {background-color:#ca1424;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#180204
```
#180204 rgb(24,2,4)
```
#290407
```
#290407 rgb(41,4,7)
```
#3b060b
```
#3b060b rgb(59,6,11)
```
#4d080e
```
#4d080e rgb(77,8,14)
```
#5f0911
```
#5f0911 rgb(95,9,17)
```
#710b14
```
#710b14 rgb(113,11,20)
```
#830d17
```
#830d17 rgb(131,13,23)
```
#940f1a
```
#940f1a rgb(148,15,26)
```
#a6101e
```
#a6101e rgb(166,16,30)
```
#b81221
```
#b81221 rgb(184,18,33)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#dc1627
```
#dc1627 rgb(220,22,39)
```

Shade Color Variation

#e91d2f
```
#e91d2f rgb(233,29,47)
```
#ea2e3f
```
#ea2e3f rgb(234,46,63)
```
#ec404f
```
#ec404f rgb(236,64,79)
```
#ee5260
```
#ee5260 rgb(238,82,96)
```
#f06470
```
#f06470 rgb(240,100,112)
```
#f17681
```
#f17681 rgb(241,118,129)
```
#f38891
```
#f38891 rgb(243,136,145)
```
#f59aa2
```
#f59aa2 rgb(245,154,162)
```
#f7abb2
```
#f7abb2 rgb(247,171,178)
```
#f8bdc2
```
#f8bdc2 rgb(248,189,194)
```
#facfd3
```
#facfd3 rgb(250,207,211)
```
#fce1e3
```
#fce1e3 rgb(252,225,227)
```
#fef3f4
```
#fef3f4 rgb(254,243,244)
```

Tint Color Variation

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

#75696a
```
#75696a rgb(117,105,106)
```
#7d6163
```
#7d6163 rgb(125,97,99)
```
#86585c
```
#86585c rgb(134,88,92)
```
#8e5055
```
#8e5055 rgb(142,80,85)
```
#97474e
```
#97474e rgb(151,71,78)
```
#9f3f47
```
#9f3f47 rgb(159,63,71)
```
#a83640
```
#a83640 rgb(168,54,64)
```
#b02e39
```
#b02e39 rgb(176,46,57)
```
#b92532
```
#b92532 rgb(185,37,50)
```
#c11d2b
```
#c11d2b rgb(193,29,43)
```
#ca1424
```
#ca1424 rgb(202,20,36)
```
#d30b1d
```
#d30b1d rgb(211,11,29)
```
#db0316
```
#db0316 rgb(219,3,22)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#654144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776d41 Protanopia 1% of men
#88681f Deuteranopia 1% of men
#cc2320 Tritanopia 0.001% of the population

Trichromacy

#954d36 Protanomaly 1% of men, 0.01% of women
#a04920 Deuteranomaly 6% of men, 0.4% of women
#cb1d21 Tritanomaly 0.01% of the population

#ca1424 hex color

#ca1424 Color Information

#ca1424 Color Conversion

Color Schemes with #ca1424

Alternatives to #ca1424

#ca1424 Preview

Shades and Tints of #ca1424

Tones of #ca1424

Color Blindness Simulator