#ca2c30 hex color

In a RGB color space, hex #ca2c30 is composed of 79.2% red, 17.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.2% magenta, 76.2% yellow and 20.8% black. It has a hue angle of 358.5 degrees, a saturation of 64.2% and a lightness of 48.2%. #ca2c30 color hex could be obtained by blending #ff5860 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

● #ca2c30 color description : Strong red.

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

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

CIE-LAB	45.046, 60.581, 37.402
XYZ	25.793, 14.574, 4.251
xyY	0.578, 0.327, 14.574
CIE-LCH	45.046, 71.197, 31.69
CIE-LUV	45.046, 119.078, 24.437
Hunter-Lab	38.177, 53.788, 20.121
Binary	11001010, 00101100, 00110000

#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#2ccac6
```
#2ccac6 rgb(44,202,198)
```

Complementary Color

#ca2c7f
```
#ca2c7f rgb(202,44,127)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#ca772c
```
#ca772c rgb(202,119,44)
```

Analogous Color

#2c7fca
```
#2c7fca rgb(44,127,202)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#2cca77
```
#2cca77 rgb(44,202,119)
```

Split Complementary Color

#2c30ca
```
#2c30ca rgb(44,48,202)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#30ca2c
```
#30ca2c rgb(48,202,44)
```

Triadic Color

#c62cca
```
#c62cca rgb(198,44,202)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#30ca2c
```
#30ca2c rgb(48,202,44)
```
#2ccac6
```
#2ccac6 rgb(44,202,198)
```

Tetradic Color

#8b1e21
```
#8b1e21 rgb(139,30,33)
```
#a02326
```
#a02326 rgb(160,35,38)
```
#b5272b
```
#b5272b rgb(181,39,43)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#d43b3f
```
#d43b3f rgb(212,59,63)
```
#d95054
```
#d95054 rgb(217,80,84)
```
#dd6568
```
#dd6568 rgb(221,101,104)
```

Monochromatic Color

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

#ca2c58
```
#ca2c58 rgb(202,44,88)
```
#ca2c4a
```
#ca2c4a rgb(202,44,74)
```
#ca2c3d
```
#ca2c3d rgb(202,44,61)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#ca352c
```
#ca352c rgb(202,53,44)
```
#ca422c
```
#ca422c rgb(202,66,44)
```
#ca4f2c
```
#ca4f2c rgb(202,79,44)
```

Similar Colors

Text with hexadecimal color #ca2c30

This text has a font color of #ca2c30.

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

#ca2c30 background color

This paragraph has a background color of #ca2c30.

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

#ca2c30 border color

This element has a border color of #ca2c30.

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

CSS codes

.text {color:#ca2c30;}

.background {background-color:#ca2c30;}

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

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)
```
#491011
```
#491011 rgb(73,16,17)
```
#591315
```
#591315 rgb(89,19,21)
```
#691719
```
#691719 rgb(105,23,25)
```
#791a1d
```
#791a1d rgb(121,26,29)
```
#8a1e21
```
#8a1e21 rgb(138,30,33)
```
#9a2125
```
#9a2125 rgb(154,33,37)
```
#aa2528
```
#aa2528 rgb(170,37,40)
```
#ba282c
```
#ba282c rgb(186,40,44)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```

Shade Color Variation

#d3363a
```
#d3363a rgb(211,54,58)
```
#d7464a
```
#d7464a rgb(215,70,74)
```
#da575a
```
#da575a rgb(218,87,90)
```
#de676a
```
#de676a rgb(222,103,106)
```
#e17779
```
#e17779 rgb(225,119,121)
```
#e58789
```
#e58789 rgb(229,135,137)
```
#e89799
```
#e89799 rgb(232,151,153)
```
#eca7a9
```
#eca7a9 rgb(236,167,169)
```
#efb7b9
```
#efb7b9 rgb(239,183,185)
```
#f3c7c8
```
#f3c7c8 rgb(243,199,200)
```
#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 #f0060c 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)
```
#ae484b
```
#ae484b rgb(174,72,75)
```
#b73f42
```
#b73f42 rgb(183,63,66)
```
#c13539
```
#c13539 rgb(193,53,57)
```
#ca2c30
```
#ca2c30 rgb(202,44,48)
```
#d32327
```
#d32327 rgb(211,35,39)
```
#dd191e
```
#dd191e rgb(221,25,30)
```
#e61015
```
#e61015 rgb(230,16,21)
```
#f0060c
```
#f0060c rgb(240,6,12)
```

Tone Color Variation

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

#7b724c Protanopia 1% of men
#8d6d2e Deuteranopia 1% of men
#cc3738 Tritanopia 0.001% of the population

Trichromacy

#985841 Protanomaly 1% of men, 0.01% of women
#a3552f Deuteranomaly 6% of men, 0.4% of women
#cb3335 Tritanomaly 0.01% of the population

#ca2c30 hex color

#ca2c30 Color Information

#ca2c30 Color Conversion

Color Schemes with #ca2c30

Alternatives to #ca2c30

#ca2c30 Preview

Shades and Tints of #ca2c30

Tones of #ca2c30

Color Blindness Simulator