#ca2f25 hex color

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

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

● #ca2f25 color description : Strong red.

The hexadecimal color #ca2f25 has RGB values of R:202, G:47, B:37 and CMYK values of C:0, M:0.77, Y:0.82, K:0.21. Its decimal value is 13250341.

Hex triplet	ca2f25	`#ca2f25`
RGB Decimal	202, 47, 37	`rgb(202,47,37)`
RGB Percent	79.2, 18.4, 14.5	`rgb(79.2%,18.4%,14.5%)`
CMYK	0, 77, 82, 21
HSL	3.6°, 69, 46.9	`hsl(3.6,69%,46.9%)`
HSV (or HSB)	3.6°, 81.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.257, 59.32, 43.646
XYZ	25.709, 14.726, 3.239
xyY	0.589, 0.337, 14.726
CIE-LCH	45.257, 73.647, 36.345
CIE-LUV	45.257, 119.644, 28.675
Hunter-Lab	38.375, 52.428, 21.858
Binary	11001010, 00101111, 00100101

#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#25c0ca
```
#25c0ca rgb(37,192,202)
```

Complementary Color

#ca256e
```
#ca256e rgb(202,37,110)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#ca8225
```
#ca8225 rgb(202,130,37)
```

Analogous Color

#256eca
```
#256eca rgb(37,110,202)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#25ca82
```
#25ca82 rgb(37,202,130)
```

Split Complementary Color

#2f25ca
```
#2f25ca rgb(47,37,202)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#25ca2f
```
#25ca2f rgb(37,202,47)
```

Triadic Color

#ca25c0
```
#ca25c0 rgb(202,37,192)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#25ca2f
```
#25ca2f rgb(37,202,47)
```
#25c0ca
```
#25c0ca rgb(37,192,202)
```

Tetradic Color

#892019
```
#892019 rgb(137,32,25)
```
#9f251d
```
#9f251d rgb(159,37,29)
```
#b42a21
```
#b42a21 rgb(180,42,33)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#d93a30
```
#d93a30 rgb(217,58,48)
```
#dd4e45
```
#dd4e45 rgb(221,78,69)
```
#e1635b
```
#e1635b rgb(225,99,91)
```

Monochromatic Color

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

#ca2544
```
#ca2544 rgb(202,37,68)
```
#ca2536
```
#ca2536 rgb(202,37,54)
```
#ca2529
```
#ca2529 rgb(202,37,41)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#ca3d25
```
#ca3d25 rgb(202,61,37)
```
#ca4b25
```
#ca4b25 rgb(202,75,37)
```
#ca5825
```
#ca5825 rgb(202,88,37)
```

Similar Colors

Text with hexadecimal color #ca2f25

This text has a font color of #ca2f25.

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

#ca2f25 background color

This paragraph has a background color of #ca2f25.

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

#ca2f25 border color

This element has a border color of #ca2f25.

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

CSS codes

.text {color:#ca2f25;}

.background {background-color:#ca2f25;}

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

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)
```
#140504
```
#140504 rgb(20,5,4)
```
#240807
```
#240807 rgb(36,8,7)
```
#350c0a
```
#350c0a rgb(53,12,10)
```
#45100d
```
#45100d rgb(69,16,13)
```
#561410
```
#561410 rgb(86,20,16)
```
#671813
```
#671813 rgb(103,24,19)
```
#771c16
```
#771c16 rgb(119,28,22)
```
#882019
```
#882019 rgb(136,32,25)
```
#98231c
```
#98231c rgb(152,35,28)
```
#a9271f
```
#a9271f rgb(169,39,31)
```
#b92b22
```
#b92b22 rgb(185,43,34)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```

Shade Color Variation

#d8352b
```
#d8352b rgb(216,53,43)
```
#db453b
```
#db453b rgb(219,69,59)
```
#de554c
```
#de554c rgb(222,85,76)
```
#e1645c
```
#e1645c rgb(225,100,92)
```
#e4746d
```
#e4746d rgb(228,116,109)
```
#e7847d
```
#e7847d rgb(231,132,125)
```
#ea948e
```
#ea948e rgb(234,148,142)
```
#eda39f
```
#eda39f rgb(237,163,159)
```
#f0b3af
```
#f0b3af rgb(240,179,175)
```
#f3c3c0
```
#f3c3c0 rgb(243,195,192)
```
#f6d3d0
```
#f6d3d0 rgb(246,211,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, #80706f is the less saturated color, while #ef0f00 is the most saturated one.

#80706f
```
#80706f rgb(128,112,111)
```
#8a6865
```
#8a6865 rgb(138,104,101)
```
#935f5c
```
#935f5c rgb(147,95,92)
```
#9c5753
```
#9c5753 rgb(156,87,83)
```
#a54f4a
```
#a54f4a rgb(165,79,74)
```
#ae4741
```
#ae4741 rgb(174,71,65)
```
#b83f37
```
#b83f37 rgb(184,63,55)
```
#c1372e
```
#c1372e rgb(193,55,46)
```
#ca2f25
```
#ca2f25 rgb(202,47,37)
```
#d3271c
```
#d3271c rgb(211,39,28)
```
#dc1f13
```
#dc1f13 rgb(220,31,19)
```
#e61709
```
#e61709 rgb(230,23,9)
```
#ef0f00
```
#ef0f00 rgb(239,15,0)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#725351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e723f Protanopia 1% of men
#8e6d21 Deuteranopia 1% of men
#cd383a Tritanopia 0.001% of the population

Trichromacy

#995a35 Protanomaly 1% of men, 0.01% of women
#a45623 Deuteranomaly 6% of men, 0.4% of women
#cb3532 Tritanomaly 0.01% of the population

#ca2f25 hex color

#ca2f25 Color Information

#ca2f25 Color Conversion

Color Schemes with #ca2f25

Alternatives to #ca2f25

#ca2f25 Preview

Shades and Tints of #ca2f25

Tones of #ca2f25

Color Blindness Simulator