#ca1522 hex color

In a RGB color space, hex #ca1522 is composed of 79.2% red, 8.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.6% magenta, 83.2% yellow and 20.8% black. It has a hue angle of 355.7 degrees, a saturation of 81.2% and a lightness of 43.7%. #ca1522 color hex could be obtained by blending #ff2a44 with #950000. Closest websafe color is: #cc0033.

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

● #ca1522 color description : Strong red.

The hexadecimal color #ca1522 has RGB values of R:202, G:21, B:34 and CMYK values of C:0, M:0.9, Y:0.83, K:0.21. Its decimal value is 13243682.

Hex triplet	ca1522	`#ca1522`
RGB Decimal	202, 21, 34	`rgb(202,21,34)`
RGB Percent	79.2, 8.2, 13.3	`rgb(79.2%,8.2%,13.3%)`
CMYK	0, 90, 83, 21
HSL	355.7°, 81.2, 43.7	`hsl(355.7,81.2%,43.7%)`
HSV (or HSB)	355.7°, 89.6, 79.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.08, 65.34, 43.172
XYZ	24.915, 13.212, 2.752
xyY	0.609, 0.323, 13.212
CIE-LCH	43.08, 78.315, 33.454
CIE-LUV	43.08, 130.464, 25.558
Hunter-Lab	36.348, 58.748, 20.955
Binary	11001010, 00010101, 00100010

#ca1522
```
#ca1522 rgb(202,21,34)
```
#15cabd
```
#15cabd rgb(21,202,189)
```

Complementary Color

#ca157d
```
#ca157d rgb(202,21,125)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#ca6315
```
#ca6315 rgb(202,99,21)
```

Analogous Color

#157dca
```
#157dca rgb(21,125,202)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#15ca63
```
#15ca63 rgb(21,202,99)
```

Split Complementary Color

#1522ca
```
#1522ca rgb(21,34,202)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#22ca15
```
#22ca15 rgb(34,202,21)
```

Triadic Color

#bd15ca
```
#bd15ca rgb(189,21,202)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#22ca15
```
#22ca15 rgb(34,202,21)
```
#15cabd
```
#15cabd rgb(21,202,189)
```

Tetradic Color

#850e16
```
#850e16 rgb(133,14,22)
```
#9c101a
```
#9c101a rgb(156,16,26)
```
#b3131e
```
#b3131e rgb(179,19,30)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#e11726
```
#e11726 rgb(225,23,38)
```
#e92937
```
#e92937 rgb(233,41,55)
```
#eb404d
```
#eb404d rgb(235,64,77)
```

Monochromatic Color

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

#ca154f
```
#ca154f rgb(202,21,79)
```
#ca1540
```
#ca1540 rgb(202,21,64)
```
#ca1531
```
#ca1531 rgb(202,21,49)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#ca1715
```
#ca1715 rgb(202,23,21)
```
#ca2615
```
#ca2615 rgb(202,38,21)
```
#ca3515
```
#ca3515 rgb(202,53,21)
```

Similar Colors

Text with hexadecimal color #ca1522

This text has a font color of #ca1522.

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

#ca1522 background color

This paragraph has a background color of #ca1522.

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

#ca1522 border color

This element has a border color of #ca1522.

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

CSS codes

.text {color:#ca1522;}

.background {background-color:#ca1522;}

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

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

#070101
```
#070101 rgb(7,1,1)
```
#180304
```
#180304 rgb(24,3,4)
```
#2a0407
```
#2a0407 rgb(42,4,7)
```
#3c060a
```
#3c060a rgb(60,6,10)
```
#4e080d
```
#4e080d rgb(78,8,13)
```
#5f0a10
```
#5f0a10 rgb(95,10,16)
```
#710c13
```
#710c13 rgb(113,12,19)
```
#830e16
```
#830e16 rgb(131,14,22)
```
#950f19
```
#950f19 rgb(149,15,25)
```
#a6111c
```
#a6111c rgb(166,17,28)
```
#b8131f
```
#b8131f rgb(184,19,31)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#dc1725
```
#dc1725 rgb(220,23,37)
```

Shade Color Variation

#e81f2d
```
#e81f2d rgb(232,31,45)
```
#ea303e
```
#ea303e rgb(234,48,62)
```
#eb424e
```
#eb424e rgb(235,66,78)
```
#ed545f
```
#ed545f rgb(237,84,95)
```
#ef6670
```
#ef6670 rgb(239,102,112)
```
#f17780
```
#f17780 rgb(241,119,128)
```
#f38991
```
#f38991 rgb(243,137,145)
```
#f59ba1
```
#f59ba1 rgb(245,155,161)
```
#f6adb2
```
#f6adb2 rgb(246,173,178)
```
#f8bec3
```
#f8bec3 rgb(248,190,195)
```
#fad0d3
```
#fad0d3 rgb(250,208,211)
```
#fce2e4
```
#fce2e4 rgb(252,226,228)
```
#fef4f5
```
#fef4f5 rgb(254,244,245)
```

Tint Color Variation

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

#746b6b
```
#746b6b rgb(116,107,107)
```
#7d6264
```
#7d6264 rgb(125,98,100)
```
#855a5d
```
#855a5d rgb(133,90,93)
```
#8e5155
```
#8e5155 rgb(142,81,85)
```
#97484e
```
#97484e rgb(151,72,78)
```
#9f4047
```
#9f4047 rgb(159,64,71)
```
#a8373f
```
#a8373f rgb(168,55,63)
```
#b02f38
```
#b02f38 rgb(176,47,56)
```
#b92631
```
#b92631 rgb(185,38,49)
```
#c11e29
```
#c11e29 rgb(193,30,41)
```
#ca1522
```
#ca1522 rgb(202,21,34)
```
#d30c1b
```
#d30c1b rgb(211,12,27)
```
#db0413
```
#db0413 rgb(219,4,19)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#664244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d3f Protanopia 1% of men
#88681c Deuteranopia 1% of men
#cc2320 Tritanopia 0.001% of the population

Trichromacy

#954d34 Protanomaly 1% of men, 0.01% of women
#a04a1e Deuteranomaly 6% of men, 0.4% of women
#cb1e21 Tritanomaly 0.01% of the population

#ca1522 hex color

#ca1522 Color Information

#ca1522 Color Conversion

Color Schemes with #ca1522

Alternatives to #ca1522

#ca1522 Preview

Shades and Tints of #ca1522

Tones of #ca1522

Color Blindness Simulator