#ca2c31 hex color

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

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

● #ca2c31 color description : Strong red.

The hexadecimal color #ca2c31 has RGB values of R:202, G:44, B:49 and CMYK values of C:0, M:0.78, Y:0.76, K:0.21. Its decimal value is 13249585.

Hex triplet	ca2c31	`#ca2c31`
RGB Decimal	202, 44, 49	`rgb(202,44,49)`
RGB Percent	79.2, 17.3, 19.2	`rgb(79.2%,17.3%,19.2%)`
CMYK	0, 78, 76, 21
HSL	358.1°, 64.2, 48.2	`hsl(358.1,64.2%,48.2%)`
HSV (or HSB)	358.1°, 78.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.057, 60.618, 36.842
XYZ	25.813, 14.583, 4.361
xyY	0.577, 0.326, 14.583
CIE-LCH	45.057, 70.936, 31.29
CIE-LUV	45.057, 118.865, 24.062
Hunter-Lab	38.187, 53.832, 19.96
Binary	11001010, 00101100, 00110001

#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#2ccac5
```
#2ccac5 rgb(44,202,197)
```

Complementary Color

#ca2c80
```
#ca2c80 rgb(202,44,128)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#ca762c
```
#ca762c rgb(202,118,44)
```

Analogous Color

#2c80ca
```
#2c80ca rgb(44,128,202)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#2cca76
```
#2cca76 rgb(44,202,118)
```

Split Complementary Color

#2c31ca
```
#2c31ca rgb(44,49,202)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#31ca2c
```
#31ca2c rgb(49,202,44)
```

Triadic Color

#c52cca
```
#c52cca rgb(197,44,202)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#31ca2c
```
#31ca2c rgb(49,202,44)
```
#2ccac5
```
#2ccac5 rgb(44,202,197)
```

Tetradic Color

#8b1e22
```
#8b1e22 rgb(139,30,34)
```
#a02327
```
#a02327 rgb(160,35,39)
```
#b5272c
```
#b5272c rgb(181,39,44)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#d43b40
```
#d43b40 rgb(212,59,64)
```
#d95054
```
#d95054 rgb(217,80,84)
```
#dd6569
```
#dd6569 rgb(221,101,105)
```

Monochromatic Color

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

#ca2c59
```
#ca2c59 rgb(202,44,89)
```
#ca2c4b
```
#ca2c4b rgb(202,44,75)
```
#ca2c3e
```
#ca2c3e rgb(202,44,62)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#ca342c
```
#ca342c rgb(202,52,44)
```
#ca412c
```
#ca412c rgb(202,65,44)
```
#ca4e2c
```
#ca4e2c rgb(202,78,44)
```

Similar Colors

Text with hexadecimal color #ca2c31

This text has a font color of #ca2c31.

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

#ca2c31 background color

This paragraph has a background color of #ca2c31.

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

#ca2c31 border color

This element has a border color of #ca2c31.

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

CSS codes

.text {color:#ca2c31;}

.background {background-color:#ca2c31;}

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

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)
```
#190506
```
#190506 rgb(25,5,6)
```
#29090a
```
#29090a rgb(41,9,10)
```
#390c0e
```
#390c0e rgb(57,12,14)
```
#491012
```
#491012 rgb(73,16,18)
```
#591316
```
#591316 rgb(89,19,22)
```
#69171a
```
#69171a rgb(105,23,26)
```
#791a1d
```
#791a1d rgb(121,26,29)
```
#8a1e21
```
#8a1e21 rgb(138,30,33)
```
#9a2125
```
#9a2125 rgb(154,33,37)
```
#aa2529
```
#aa2529 rgb(170,37,41)
```
#ba282d
```
#ba282d rgb(186,40,45)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```

Shade Color Variation

#d3363b
```
#d3363b rgb(211,54,59)
```
#d7464b
```
#d7464b rgb(215,70,75)
```
#da575b
```
#da575b rgb(218,87,91)
```
#de676a
```
#de676a rgb(222,103,106)
```
#e1777a
```
#e1777a rgb(225,119,122)
```
#e5878a
```
#e5878a rgb(229,135,138)
```
#e8979a
```
#e8979a rgb(232,151,154)
```
#eca7a9
```
#eca7a9 rgb(236,167,169)
```
#efb7b9
```
#efb7b9 rgb(239,183,185)
```
#f3c7c9
```
#f3c7c9 rgb(243,199,201)
```
#f6d7d8
```
#f6d7d8 rgb(246,215,216)
```
#fae8e8
```
#fae8e8 rgb(250,232,232)
```
#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 #f0060e is the most saturated one.

#7e7878
```
#7e7878 rgb(126,120,120)
```
#886e6f
```
#886e6f rgb(136,110,111)
```
#916566
```
#916566 rgb(145,101,102)
```
#9b5b5d
```
#9b5b5d rgb(155,91,93)
```
#a45254
```
#a45254 rgb(164,82,84)
```
#ae484c
```
#ae484c rgb(174,72,76)
```
#b73f43
```
#b73f43 rgb(183,63,67)
```
#c1353a
```
#c1353a rgb(193,53,58)
```
#ca2c31
```
#ca2c31 rgb(202,44,49)
```
#d32328
```
#d32328 rgb(211,35,40)
```
#dd191f
```
#dd191f rgb(221,25,31)
```
#e61016
```
#e61016 rgb(230,16,22)
```
#f0060e
```
#f0060e rgb(240,6,14)
```

Tone Color Variation

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

Dichromacy

#7b724d Protanopia 1% of men
#8d6d2f Deuteranopia 1% of men
#cc3738 Tritanopia 0.001% of the population

Trichromacy

#985842 Protanomaly 1% of men, 0.01% of women
#a35530 Deuteranomaly 6% of men, 0.4% of women
#cb3336 Tritanomaly 0.01% of the population

#ca2c31 hex color

#ca2c31 Color Information

#ca2c31 Color Conversion

Color Schemes with #ca2c31

Alternatives to #ca2c31

#ca2c31 Preview

Shades and Tints of #ca2c31

Tones of #ca2c31

Color Blindness Simulator