#ca2c25 hex color

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

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

● #ca2c25 color description : Strong red.

The hexadecimal color #ca2c25 has RGB values of R:202, G:44, B:37 and CMYK values of C:0, M:0.78, Y:0.82, K:0.21. Its decimal value is 13249573.

Hex triplet	ca2c25	`#ca2c25`
RGB Decimal	202, 44, 37	`rgb(202,44,37)`
RGB Percent	79.2, 17.3, 14.5	`rgb(79.2%,17.3%,14.5%)`
CMYK	0, 78, 82, 21
HSL	2.5°, 69, 46.9	`hsl(2.5,69%,46.9%)`
HSV (or HSB)	2.5°, 81.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.934, 60.225, 43.336
XYZ	25.593, 14.495, 3.2
xyY	0.591, 0.335, 14.495
CIE-LCH	44.934, 74.197, 35.738
CIE-LUV	44.934, 121.158, 28.081
Hunter-Lab	38.072, 53.367, 21.666
Binary	11001010, 00101100, 00100101

#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#25c3ca
```
#25c3ca rgb(37,195,202)
```

Complementary Color

#ca2571
```
#ca2571 rgb(202,37,113)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#ca7f25
```
#ca7f25 rgb(202,127,37)
```

Analogous Color

#2571ca
```
#2571ca rgb(37,113,202)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#25ca7f
```
#25ca7f rgb(37,202,127)
```

Split Complementary Color

#2c25ca
```
#2c25ca rgb(44,37,202)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#25ca2c
```
#25ca2c rgb(37,202,44)
```

Triadic Color

#ca25c3
```
#ca25c3 rgb(202,37,195)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#25ca2c
```
#25ca2c rgb(37,202,44)
```
#25c3ca
```
#25c3ca rgb(37,195,202)
```

Tetradic Color

#891e19
```
#891e19 rgb(137,30,25)
```
#9f231d
```
#9f231d rgb(159,35,29)
```
#b42721
```
#b42721 rgb(180,39,33)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#d93730
```
#d93730 rgb(217,55,48)
```
#dd4c45
```
#dd4c45 rgb(221,76,69)
```
#e1605b
```
#e1605b rgb(225,96,91)
```

Monochromatic Color

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

#ca2547
```
#ca2547 rgb(202,37,71)
```
#ca2539
```
#ca2539 rgb(202,37,57)
```
#ca252c
```
#ca252c rgb(202,37,44)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#ca3a25
```
#ca3a25 rgb(202,58,37)
```
#ca4825
```
#ca4825 rgb(202,72,37)
```
#ca5525
```
#ca5525 rgb(202,85,37)
```

Similar Colors

Text with hexadecimal color #ca2c25

This text has a font color of #ca2c25.

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

#ca2c25 background color

This paragraph has a background color of #ca2c25.

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

#ca2c25 border color

This element has a border color of #ca2c25.

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

CSS codes

.text {color:#ca2c25;}

.background {background-color:#ca2c25;}

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

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)
```
#450f0d
```
#450f0d rgb(69,15,13)
```
#561310
```
#561310 rgb(86,19,16)
```
#671613
```
#671613 rgb(103,22,19)
```
#771a16
```
#771a16 rgb(119,26,22)
```
#881e19
```
#881e19 rgb(136,30,25)
```
#98211c
```
#98211c rgb(152,33,28)
```
#a9251f
```
#a9251f rgb(169,37,31)
```
#b92822
```
#b92822 rgb(185,40,34)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```

Shade Color Variation

#d8322b
```
#d8322b rgb(216,50,43)
```
#db423b
```
#db423b rgb(219,66,59)
```
#de524c
```
#de524c rgb(222,82,76)
```
#e1625c
```
#e1625c rgb(225,98,92)
```
#e4726d
```
#e4726d rgb(228,114,109)
```
#e7827d
```
#e7827d rgb(231,130,125)
```
#ea928e
```
#ea928e rgb(234,146,142)
```
#eda29f
```
#eda29f rgb(237,162,159)
```
#f0b2af
```
#f0b2af rgb(240,178,175)
```
#f3c2c0
```
#f3c2c0 rgb(243,194,192)
```
#f6d2d0
```
#f6d2d0 rgb(246,210,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 #ef0a00 is the most saturated one.

#806f6f
```
#806f6f rgb(128,111,111)
```
#8a6765
```
#8a6765 rgb(138,103,101)
```
#935e5c
```
#935e5c rgb(147,94,92)
```
#9c5653
```
#9c5653 rgb(156,86,83)
```
#a54e4a
```
#a54e4a rgb(165,78,74)
```
#ae4541
```
#ae4541 rgb(174,69,65)
```
#b83d37
```
#b83d37 rgb(184,61,55)
```
#c1342e
```
#c1342e rgb(193,52,46)
```
#ca2c25
```
#ca2c25 rgb(202,44,37)
```
#d3241c
```
#d3241c rgb(211,36,28)
```
#dc1b13
```
#dc1b13 rgb(220,27,19)
```
#e61309
```
#e61309 rgb(230,19,9)
```
#ef0a00
```
#ef0a00 rgb(239,10,0)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#70514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723f Protanopia 1% of men
#8d6c21 Deuteranopia 1% of men
#cc3637 Tritanopia 0.001% of the population

Trichromacy

#995836 Protanomaly 1% of men, 0.01% of women
#a35522 Deuteranomaly 6% of men, 0.4% of women
#cb3230 Tritanomaly 0.01% of the population

#ca2c25 hex color

#ca2c25 Color Information

#ca2c25 Color Conversion

Color Schemes with #ca2c25

Alternatives to #ca2c25

#ca2c25 Preview

Shades and Tints of #ca2c25

Tones of #ca2c25

Color Blindness Simulator