#ca2a25 hex color

In a RGB color space, hex #ca2a25 is composed of 79.2% red, 16.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 81.7% yellow and 20.8% black. It has a hue angle of 1.8 degrees, a saturation of 69% and a lightness of 46.9%. #ca2a25 color hex could be obtained by blending #ff544a with #950000. Closest websafe color is: #cc3333.

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

● #ca2a25 color description : Strong red.

The hexadecimal color #ca2a25 has RGB values of R:202, G:42, B:37 and CMYK values of C:0, M:0.79, Y:0.82, K:0.21. Its decimal value is 13249061.

Hex triplet	ca2a25	`#ca2a25`
RGB Decimal	202, 42, 37	`rgb(202,42,37)`
RGB Percent	79.2, 16.5, 14.5	`rgb(79.2%,16.5%,14.5%)`
CMYK	0, 79, 82, 21
HSL	1.8°, 69, 46.9	`hsl(1.8,69%,46.9%)`
HSV (or HSB)	1.8°, 81.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.73, 60.801, 43.14
XYZ	25.52, 14.349, 3.176
xyY	0.593, 0.333, 14.349
CIE-LCH	44.73, 74.551, 35.357
CIE-LUV	44.73, 122.122, 27.704
Hunter-Lab	37.88, 53.966, 21.545
Binary	11001010, 00101010, 00100101

#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#25c5ca
```
#25c5ca rgb(37,197,202)
```

Complementary Color

#ca2573
```
#ca2573 rgb(202,37,115)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#ca7d25
```
#ca7d25 rgb(202,125,37)
```

Analogous Color

#2573ca
```
#2573ca rgb(37,115,202)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#25ca7d
```
#25ca7d rgb(37,202,125)
```

Split Complementary Color

#2a25ca
```
#2a25ca rgb(42,37,202)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#25ca2a
```
#25ca2a rgb(37,202,42)
```

Triadic Color

#ca25c5
```
#ca25c5 rgb(202,37,197)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#25ca2a
```
#25ca2a rgb(37,202,42)
```
#25c5ca
```
#25c5ca rgb(37,197,202)
```

Tetradic Color

#891d19
```
#891d19 rgb(137,29,25)
```
#9f211d
```
#9f211d rgb(159,33,29)
```
#b42621
```
#b42621 rgb(180,38,33)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#d93530
```
#d93530 rgb(217,53,48)
```
#dd4a45
```
#dd4a45 rgb(221,74,69)
```
#e15f5b
```
#e15f5b rgb(225,95,91)
```

Monochromatic Color

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

#ca2549
```
#ca2549 rgb(202,37,73)
```
#ca253c
```
#ca253c rgb(202,37,60)
```
#ca252e
```
#ca252e rgb(202,37,46)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#ca3825
```
#ca3825 rgb(202,56,37)
```
#ca4625
```
#ca4625 rgb(202,70,37)
```
#ca5325
```
#ca5325 rgb(202,83,37)
```

Similar Colors

Text with hexadecimal color #ca2a25

This text has a font color of #ca2a25.

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

#ca2a25 background color

This paragraph has a background color of #ca2a25.

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

#ca2a25 border color

This element has a border color of #ca2a25.

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

CSS codes

.text {color:#ca2a25;}

.background {background-color:#ca2a25;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140404
```
#140404 rgb(20,4,4)
```
#240807
```
#240807 rgb(36,8,7)
```
#350b0a
```
#350b0a rgb(53,11,10)
```
#450e0d
```
#450e0d rgb(69,14,13)
```
#561210
```
#561210 rgb(86,18,16)
```
#671513
```
#671513 rgb(103,21,19)
```
#771916
```
#771916 rgb(119,25,22)
```
#881c19
```
#881c19 rgb(136,28,25)
```
#98201c
```
#98201c rgb(152,32,28)
```
#a9231f
```
#a9231f rgb(169,35,31)
```
#b92722
```
#b92722 rgb(185,39,34)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```

Shade Color Variation

#d8302b
```
#d8302b rgb(216,48,43)
```
#db403b
```
#db403b rgb(219,64,59)
```
#de504c
```
#de504c rgb(222,80,76)
```
#e1605c
```
#e1605c rgb(225,96,92)
```
#e4706d
```
#e4706d rgb(228,112,109)
```
#e7817d
```
#e7817d rgb(231,129,125)
```
#ea918e
```
#ea918e rgb(234,145,142)
```
#eda19f
```
#eda19f rgb(237,161,159)
```
#f0b1af
```
#f0b1af rgb(240,177,175)
```
#f3c1c0
```
#f3c1c0 rgb(243,193,192)
```
#f6d1d0
```
#f6d1d0 rgb(246,209,208)
```
#f9e2e1
```
#f9e2e1 rgb(249,226,225)
```
#fdf2f1
```
#fdf2f1 rgb(253,242,241)
```

Tint Color Variation

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

#806f6f
```
#806f6f rgb(128,111,111)
```
#8a6665
```
#8a6665 rgb(138,102,101)
```
#935e5c
```
#935e5c rgb(147,94,92)
```
#9c5553
```
#9c5553 rgb(156,85,83)
```
#a54d4a
```
#a54d4a rgb(165,77,74)
```
#ae4441
```
#ae4441 rgb(174,68,65)
```
#b83b37
```
#b83b37 rgb(184,59,55)
```
#c1332e
```
#c1332e rgb(193,51,46)
```
#ca2a25
```
#ca2a25 rgb(202,42,37)
```
#d3211c
```
#d3211c rgb(211,33,28)
```
#dc1913
```
#dc1913 rgb(220,25,19)
```
#e61009
```
#e61009 rgb(230,16,9)
```
#ef0700
```
#ef0700 rgb(239,7,0)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#70504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7140 Protanopia 1% of men
#8d6c21 Deuteranopia 1% of men
#cc3435 Tritanopia 0.001% of the population

Trichromacy

#985736 Protanomaly 1% of men, 0.01% of women
#a35422 Deuteranomaly 6% of men, 0.4% of women
#cb302f Tritanomaly 0.01% of the population

#ca2a25 hex color

#ca2a25 Color Information

#ca2a25 Color Conversion

Color Schemes with #ca2a25

Alternatives to #ca2a25

#ca2a25 Preview

Shades and Tints of #ca2a25

Tones of #ca2a25

Color Blindness Simulator