#ca2a36 hex color

In a RGB color space, hex #ca2a36 is composed of 79.2% red, 16.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 73.3% yellow and 20.8% black. It has a hue angle of 355.5 degrees, a saturation of 65.6% and a lightness of 47.8%. #ca2a36 color hex could be obtained by blending #ff546c with #950000. Closest websafe color is: #cc3333.

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

● #ca2a36 color description : Strong red.

The hexadecimal color #ca2a36 has RGB values of R:202, G:42, B:54 and CMYK values of C:0, M:0.79, Y:0.73, K:0.21. Its decimal value is 13249078.

Hex triplet	ca2a36	`#ca2a36`
RGB Decimal	202, 42, 54	`rgb(202,42,54)`
RGB Percent	79.2, 16.5, 21.2	`rgb(79.2%,16.5%,21.2%)`
CMYK	0, 79, 73, 21
HSL	355.5°, 65.6, 47.8	`hsl(355.5,65.6%,47.8%)`
HSV (or HSB)	355.5°, 79.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.916, 61.388, 33.774
XYZ	25.852, 14.482, 4.924
xyY	0.571, 0.32, 14.482
CIE-LCH	44.916, 70.065, 28.818
CIE-LUV	44.916, 118.649, 21.684
Hunter-Lab	38.055, 54.664, 18.967
Binary	11001010, 00101010, 00110110

#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#2acabe
```
#2acabe rgb(42,202,190)
```

Complementary Color

#ca2a86
```
#ca2a86 rgb(202,42,134)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#ca6e2a
```
#ca6e2a rgb(202,110,42)
```

Analogous Color

#2a86ca
```
#2a86ca rgb(42,134,202)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#2aca6e
```
#2aca6e rgb(42,202,110)
```

Split Complementary Color

#2a36ca
```
#2a36ca rgb(42,54,202)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#36ca2a
```
#36ca2a rgb(54,202,42)
```

Triadic Color

#be2aca
```
#be2aca rgb(190,42,202)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#36ca2a
```
#36ca2a rgb(54,202,42)
```
#2acabe
```
#2acabe rgb(42,202,190)
```

Tetradic Color

#8b1d25
```
#8b1d25 rgb(139,29,37)
```
#a0212b
```
#a0212b rgb(160,33,43)
```
#b52630
```
#b52630 rgb(181,38,48)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#d63844
```
#d63844 rgb(214,56,68)
```
#da4d58
```
#da4d58 rgb(218,77,88)
```
#de626b
```
#de626b rgb(222,98,107)
```

Monochromatic Color

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

#ca2a5e
```
#ca2a5e rgb(202,42,94)
```
#ca2a51
```
#ca2a51 rgb(202,42,81)
```
#ca2a43
```
#ca2a43 rgb(202,42,67)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#ca2b2a
```
#ca2b2a rgb(202,43,42)
```
#ca392a
```
#ca392a rgb(202,57,42)
```
#ca462a
```
#ca462a rgb(202,70,42)
```

Similar Colors

Text with hexadecimal color #ca2a36

This text has a font color of #ca2a36.

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

#ca2a36 background color

This paragraph has a background color of #ca2a36.

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

#ca2a36 border color

This element has a border color of #ca2a36.

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

CSS codes

.text {color:#ca2a36;}

.background {background-color:#ca2a36;}

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

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

#070102
```
#070102 rgb(7,1,2)
```
#170506
```
#170506 rgb(23,5,6)
```
#28080b
```
#28080b rgb(40,8,11)
```
#380c0f
```
#380c0f rgb(56,12,15)
```
#480f13
```
#480f13 rgb(72,15,19)
```
#581218
```
#581218 rgb(88,18,24)
```
#69161c
```
#69161c rgb(105,22,28)
```
#791920
```
#791920 rgb(121,25,32)
```
#891c25
```
#891c25 rgb(137,28,37)
```
#992029
```
#992029 rgb(153,32,41)
```
#aa232d
```
#aa232d rgb(170,35,45)
```
#ba2732
```
#ba2732 rgb(186,39,50)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```

Shade Color Variation

#d5333f
```
#d5333f rgb(213,51,63)
```
#d8434e
```
#d8434e rgb(216,67,78)
```
#db545e
```
#db545e rgb(219,84,94)
```
#df646d
```
#df646d rgb(223,100,109)
```
#e2747c
```
#e2747c rgb(226,116,124)
```
#e5848c
```
#e5848c rgb(229,132,140)
```
#e9949b
```
#e9949b rgb(233,148,155)
```
#eca5aa
```
#eca5aa rgb(236,165,170)
```
#f0b5b9
```
#f0b5b9 rgb(240,181,185)
```
#f3c5c9
```
#f3c5c9 rgb(243,197,201)
```
#f6d5d8
```
#f6d5d8 rgb(246,213,216)
```
#fae6e7
```
#fae6e7 rgb(250,230,231)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#7f7576
```
#7f7576 rgb(127,117,118)
```
#886c6e
```
#886c6e rgb(136,108,110)
```
#926266
```
#926266 rgb(146,98,102)
```
#9b595e
```
#9b595e rgb(155,89,94)
```
#a45056
```
#a45056 rgb(164,80,86)
```
#ae464e
```
#ae464e rgb(174,70,78)
```
#b73d46
```
#b73d46 rgb(183,61,70)
```
#c1333e
```
#c1333e rgb(193,51,62)
```
#ca2a36
```
#ca2a36 rgb(202,42,54)
```
#d3212e
```
#d3212e rgb(211,33,46)
```
#dd1726
```
#dd1726 rgb(221,23,38)
```
#e60e1e
```
#e60e1e rgb(230,14,30)
```
#f00416
```
#f00416 rgb(240,4,22)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#715154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7153 Protanopia 1% of men
#8c6c35 Deuteranopia 1% of men
#cc3637 Tritanopia 0.001% of the population

Trichromacy

#975748 Protanomaly 1% of men, 0.01% of women
#a25435 Deuteranomaly 6% of men, 0.4% of women
#cb3237 Tritanomaly 0.01% of the population

#ca2a36 hex color

#ca2a36 Color Information

#ca2a36 Color Conversion

Color Schemes with #ca2a36

Alternatives to #ca2a36

#ca2a36 Preview

Shades and Tints of #ca2a36

Tones of #ca2a36

Color Blindness Simulator