#ca2c36 hex color

In a RGB color space, hex #ca2c36 is composed of 79.2% red, 17.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.2% magenta, 73.3% yellow and 20.8% black. It has a hue angle of 356.2 degrees, a saturation of 64.2% and a lightness of 48.2%. #ca2c36 color hex could be obtained by blending #ff586c with #950000. Closest websafe color is: #cc3333.

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

● #ca2c36 color description : Strong red.

The hexadecimal color #ca2c36 has RGB values of R:202, G:44, B:54 and CMYK values of C:0, M:0.78, Y:0.73, K:0.21. Its decimal value is 13249590.

Hex triplet	ca2c36	`#ca2c36`
RGB Decimal	202, 44, 54	`rgb(202,44,54)`
RGB Percent	79.2, 17.3, 21.2	`rgb(79.2%,17.3%,21.2%)`
CMYK	0, 78, 73, 21
HSL	356.2°, 64.2, 48.2	`hsl(356.2,64.2%,48.2%)`
HSV (or HSB)	356.2°, 78.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.12, 60.816, 34.007
XYZ	25.925, 14.627, 4.948
xyY	0.57, 0.321, 14.627
CIE-LCH	45.12, 69.678, 29.213
CIE-LUV	45.12, 117.738, 22.081
Hunter-Lab	38.246, 54.066, 19.101
Binary	11001010, 00101100, 00110110

#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#2ccac0
```
#2ccac0 rgb(44,202,192)
```

Complementary Color

#ca2c85
```
#ca2c85 rgb(202,44,133)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#ca712c
```
#ca712c rgb(202,113,44)
```

Analogous Color

#2c85ca
```
#2c85ca rgb(44,133,202)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#2cca71
```
#2cca71 rgb(44,202,113)
```

Split Complementary Color

#2c36ca
```
#2c36ca rgb(44,54,202)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#36ca2c
```
#36ca2c rgb(54,202,44)
```

Triadic Color

#c02cca
```
#c02cca rgb(192,44,202)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#36ca2c
```
#36ca2c rgb(54,202,44)
```
#2ccac0
```
#2ccac0 rgb(44,202,192)
```

Tetradic Color

#8b1e25
```
#8b1e25 rgb(139,30,37)
```
#a0232b
```
#a0232b rgb(160,35,43)
```
#b52730
```
#b52730 rgb(181,39,48)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#d43b45
```
#d43b45 rgb(212,59,69)
```
#d95059
```
#d95059 rgb(217,80,89)
```
#dd656d
```
#dd656d rgb(221,101,109)
```

Monochromatic Color

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

#ca2c5e
```
#ca2c5e rgb(202,44,94)
```
#ca2c50
```
#ca2c50 rgb(202,44,80)
```
#ca2c43
```
#ca2c43 rgb(202,44,67)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#ca2f2c
```
#ca2f2c rgb(202,47,44)
```
#ca3c2c
```
#ca3c2c rgb(202,60,44)
```
#ca492c
```
#ca492c rgb(202,73,44)
```

Similar Colors

Text with hexadecimal color #ca2c36

This text has a font color of #ca2c36.

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

#ca2c36 background color

This paragraph has a background color of #ca2c36.

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

#ca2c36 border color

This element has a border color of #ca2c36.

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

CSS codes

.text {color:#ca2c36;}

.background {background-color:#ca2c36;}

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

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

#090202
```
#090202 rgb(9,2,2)
```
#190507
```
#190507 rgb(25,5,7)
```
#29090b
```
#29090b rgb(41,9,11)
```
#390c0f
```
#390c0f rgb(57,12,15)
```
#491014
```
#491014 rgb(73,16,20)
```
#591318
```
#591318 rgb(89,19,24)
```
#69171c
```
#69171c rgb(105,23,28)
```
#791a20
```
#791a20 rgb(121,26,32)
```
#8a1e25
```
#8a1e25 rgb(138,30,37)
```
#9a2129
```
#9a2129 rgb(154,33,41)
```
#aa252d
```
#aa252d rgb(170,37,45)
```
#ba2832
```
#ba2832 rgb(186,40,50)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```

Shade Color Variation

#d33640
```
#d33640 rgb(211,54,64)
```
#d74650
```
#d74650 rgb(215,70,80)
```
#da575f
```
#da575f rgb(218,87,95)
```
#de676e
```
#de676e rgb(222,103,110)
```
#e1777d
```
#e1777d rgb(225,119,125)
```
#e5878d
```
#e5878d rgb(229,135,141)
```
#e8979c
```
#e8979c rgb(232,151,156)
```
#eca7ab
```
#eca7ab rgb(236,167,171)
```
#efb7bb
```
#efb7bb rgb(239,183,187)
```
#f3c7ca
```
#f3c7ca rgb(243,199,202)
```
#f6d7d9
```
#f6d7d9 rgb(246,215,217)
```
#fae8e9
```
#fae8e9 rgb(250,232,233)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

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

#7e7878
```
#7e7878 rgb(126,120,120)
```
#886e70
```
#886e70 rgb(136,110,112)
```
#916568
```
#916568 rgb(145,101,104)
```
#9b5b5f
```
#9b5b5f rgb(155,91,95)
```
#a45257
```
#a45257 rgb(164,82,87)
```
#ae484f
```
#ae484f rgb(174,72,79)
```
#b73f47
```
#b73f47 rgb(183,63,71)
```
#c1353e
```
#c1353e rgb(193,53,62)
```
#ca2c36
```
#ca2c36 rgb(202,44,54)
```
#d3232e
```
#d3232e rgb(211,35,46)
```
#dd1925
```
#dd1925 rgb(221,25,37)
```
#e6101d
```
#e6101d rgb(230,16,29)
```
#f00615
```
#f00615 rgb(240,6,21)
```

Tone Color Variation

Below, you can see how #ca2c36 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
#725254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7252 Protanopia 1% of men
#8c6d35 Deuteranopia 1% of men
#cc3839 Tritanopia 0.001% of the population

Trichromacy

#975848 Protanomaly 1% of men, 0.01% of women
#a25535 Deuteranomaly 6% of men, 0.4% of women
#cb3338 Tritanomaly 0.01% of the population

#ca2c36 hex color

#ca2c36 Color Information

#ca2c36 Color Conversion

Color Schemes with #ca2c36

Alternatives to #ca2c36

#ca2c36 Preview

Shades and Tints of #ca2c36

Tones of #ca2c36

Color Blindness Simulator