#ca302c hex color

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

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

● #ca302c color description : Strong red.

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

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

CIE-LAB	45.436, 59.224, 40.064
XYZ	25.87, 14.855, 3.888
xyY	0.58, 0.333, 14.855
CIE-LCH	45.436, 71.503, 34.078
CIE-LUV	45.436, 117.897, 26.679
Hunter-Lab	38.543, 52.36, 20.999
Binary	11001010, 00110000, 00101100

#ca302c
```
#ca302c rgb(202,48,44)
```
#2cc6ca
```
#2cc6ca rgb(44,198,202)
```

Complementary Color

#ca2c77
```
#ca2c77 rgb(202,44,119)
```
#ca302c
```
#ca302c rgb(202,48,44)
```
#ca7f2c
```
#ca7f2c rgb(202,127,44)
```

Analogous Color

#2c77ca
```
#2c77ca rgb(44,119,202)
```
#ca302c
```
#ca302c rgb(202,48,44)
```
#2cca7f
```
#2cca7f rgb(44,202,127)
```

Split Complementary Color

#302cca
```
#302cca rgb(48,44,202)
```
#ca302c
```
#ca302c rgb(202,48,44)
```
#2cca30
```
#2cca30 rgb(44,202,48)
```

Triadic Color

#ca2cc6
```
#ca2cc6 rgb(202,44,198)
```
#ca302c
```
#ca302c rgb(202,48,44)
```
#2cca30
```
#2cca30 rgb(44,202,48)
```
#2cc6ca
```
#2cc6ca rgb(44,198,202)
```

Tetradic Color

#8b211e
```
#8b211e rgb(139,33,30)
```
#a02623
```
#a02623 rgb(160,38,35)
```
#b52b27
```
#b52b27 rgb(181,43,39)
```
#ca302c
```
#ca302c rgb(202,48,44)
```
#d43f3b
```
#d43f3b rgb(212,63,59)
```
#d95450
```
#d95450 rgb(217,84,80)
```
#dd6865
```
#dd6865 rgb(221,104,101)
```

Monochromatic Color

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

#ca2c4f
```
#ca2c4f rgb(202,44,79)
```
#ca2c42
```
#ca2c42 rgb(202,44,66)
```
#ca2c35
```
#ca2c35 rgb(202,44,53)
```
#ca302c
```
#ca302c rgb(202,48,44)
```
#ca3d2c
```
#ca3d2c rgb(202,61,44)
```
#ca4a2c
```
#ca4a2c rgb(202,74,44)
```
#ca582c
```
#ca582c rgb(202,88,44)
```

Similar Colors

Text with hexadecimal color #ca302c

This text has a font color of #ca302c.

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

#ca302c background color

This paragraph has a background color of #ca302c.

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

#ca302c border color

This element has a border color of #ca302c.

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

CSS codes

.text {color:#ca302c;}

.background {background-color:#ca302c;}

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

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)
```
#190605
```
#190605 rgb(25,6,5)
```
#290a09
```
#290a09 rgb(41,10,9)
```
#390e0c
```
#390e0c rgb(57,14,12)
```
#491110
```
#491110 rgb(73,17,16)
```
#591513
```
#591513 rgb(89,21,19)
```
#691917
```
#691917 rgb(105,25,23)
```
#791d1a
```
#791d1a rgb(121,29,26)
```
#8a211e
```
#8a211e rgb(138,33,30)
```
#9a2521
```
#9a2521 rgb(154,37,33)
```
#aa2825
```
#aa2825 rgb(170,40,37)
```
#ba2c28
```
#ba2c28 rgb(186,44,40)
```
#ca302c
```
#ca302c rgb(202,48,44)
```

Shade Color Variation

#d33a36
```
#d33a36 rgb(211,58,54)
```
#d74a46
```
#d74a46 rgb(215,74,70)
```
#da5a57
```
#da5a57 rgb(218,90,87)
```
#de6a67
```
#de6a67 rgb(222,106,103)
```
#e17977
```
#e17977 rgb(225,121,119)
```
#e58987
```
#e58987 rgb(229,137,135)
```
#e89997
```
#e89997 rgb(232,153,151)
```
#eca9a7
```
#eca9a7 rgb(236,169,167)
```
#efb9b7
```
#efb9b7 rgb(239,185,183)
```
#f3c8c7
```
#f3c8c7 rgb(243,200,199)
```
#f6d8d7
```
#f6d8d7 rgb(246,216,215)
```
#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 #f00c06 is the most saturated one.

#7e7878
```
#7e7878 rgb(126,120,120)
```
#886f6e
```
#886f6e rgb(136,111,110)
```
#916665
```
#916665 rgb(145,102,101)
```
#9b5d5b
```
#9b5d5b rgb(155,93,91)
```
#a45452
```
#a45452 rgb(164,84,82)
```
#ae4b48
```
#ae4b48 rgb(174,75,72)
```
#b7423f
```
#b7423f rgb(183,66,63)
```
#c13935
```
#c13935 rgb(193,57,53)
```
#ca302c
```
#ca302c rgb(202,48,44)
```
#d32723
```
#d32723 rgb(211,39,35)
```
#dd1e19
```
#dd1e19 rgb(221,30,25)
```
#e61510
```
#e61510 rgb(230,21,16)
```
#f00c06
```
#f00c06 rgb(240,12,6)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7346 Protanopia 1% of men
#8e6d2a Deuteranopia 1% of men
#cc3a3b Tritanopia 0.001% of the population

Trichromacy

#995a3d Protanomaly 1% of men, 0.01% of women
#a4572b Deuteranomaly 6% of men, 0.4% of women
#cb3636 Tritanomaly 0.01% of the population

#ca302c hex color

#ca302c Color Information

#ca302c Color Conversion

Color Schemes with #ca302c

Alternatives to #ca302c

#ca302c Preview

Shades and Tints of #ca302c

Tones of #ca302c

Color Blindness Simulator