#ca302a hex color

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

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

● #ca302a color description : Strong red.

The hexadecimal color #ca302a has RGB values of R:202, G:48, B:42 and CMYK values of C:0, M:0.76, Y:0.79, K:0.21. Its decimal value is 13250602.

Hex triplet	ca302a	`#ca302a`
RGB Decimal	202, 48, 42	`rgb(202,48,42)`
RGB Percent	79.2, 18.8, 16.5	`rgb(79.2%,18.8%,16.5%)`
CMYK	0, 76, 79, 21
HSL	2.3°, 65.6, 47.8	`hsl(2.3,65.6%,47.8%)`
HSV (or HSB)	2.3°, 79.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.415, 59.158, 41.139
XYZ	25.833, 14.841, 3.695
xyY	0.582, 0.334, 14.841
CIE-LCH	45.415, 72.056, 34.815
CIE-LUV	45.415, 118.267, 27.344
Hunter-Lab	38.524, 52.282, 21.28
Binary	11001010, 00110000, 00101010

#ca302a
```
#ca302a rgb(202,48,42)
```
#2ac4ca
```
#2ac4ca rgb(42,196,202)
```

Complementary Color

#ca2a74
```
#ca2a74 rgb(202,42,116)
```
#ca302a
```
#ca302a rgb(202,48,42)
```
#ca802a
```
#ca802a rgb(202,128,42)
```

Analogous Color

#2a74ca
```
#2a74ca rgb(42,116,202)
```
#ca302a
```
#ca302a rgb(202,48,42)
```
#2aca80
```
#2aca80 rgb(42,202,128)
```

Split Complementary Color

#302aca
```
#302aca rgb(48,42,202)
```
#ca302a
```
#ca302a rgb(202,48,42)
```
#2aca30
```
#2aca30 rgb(42,202,48)
```

Triadic Color

#ca2ac4
```
#ca2ac4 rgb(202,42,196)
```
#ca302a
```
#ca302a rgb(202,48,42)
```
#2aca30
```
#2aca30 rgb(42,202,48)
```
#2ac4ca
```
#2ac4ca rgb(42,196,202)
```

Tetradic Color

#8b211d
```
#8b211d rgb(139,33,29)
```
#a02621
```
#a02621 rgb(160,38,33)
```
#b52b26
```
#b52b26 rgb(181,43,38)
```
#ca302a
```
#ca302a rgb(202,48,42)
```
#d63e38
```
#d63e38 rgb(214,62,56)
```
#da524d
```
#da524d rgb(218,82,77)
```
#de6762
```
#de6762 rgb(222,103,98)
```

Monochromatic Color

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

#ca2a4c
```
#ca2a4c rgb(202,42,76)
```
#ca2a3f
```
#ca2a3f rgb(202,42,63)
```
#ca2a31
```
#ca2a31 rgb(202,42,49)
```
#ca302a
```
#ca302a rgb(202,48,42)
```
#ca3d2a
```
#ca3d2a rgb(202,61,42)
```
#ca4b2a
```
#ca4b2a rgb(202,75,42)
```
#ca582a
```
#ca582a rgb(202,88,42)
```

Similar Colors

Text with hexadecimal color #ca302a

This text has a font color of #ca302a.

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

#ca302a background color

This paragraph has a background color of #ca302a.

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

#ca302a border color

This element has a border color of #ca302a.

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

CSS codes

.text {color:#ca302a;}

.background {background-color:#ca302a;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#170605
```
#170605 rgb(23,6,5)
```
#280908
```
#280908 rgb(40,9,8)
```
#380d0c
```
#380d0c rgb(56,13,12)
```
#48110f
```
#48110f rgb(72,17,15)
```
#581512
```
#581512 rgb(88,21,18)
```
#691916
```
#691916 rgb(105,25,22)
```
#791d19
```
#791d19 rgb(121,29,25)
```
#89211c
```
#89211c rgb(137,33,28)
```
#992420
```
#992420 rgb(153,36,32)
```
#aa2823
```
#aa2823 rgb(170,40,35)
```
#ba2c27
```
#ba2c27 rgb(186,44,39)
```
#ca302a
```
#ca302a rgb(202,48,42)
```

Shade Color Variation

#d53933
```
#d53933 rgb(213,57,51)
```
#d84943
```
#d84943 rgb(216,73,67)
```
#db5954
```
#db5954 rgb(219,89,84)
```
#df6864
```
#df6864 rgb(223,104,100)
```
#e27874
```
#e27874 rgb(226,120,116)
```
#e58884
```
#e58884 rgb(229,136,132)
```
#e99894
```
#e99894 rgb(233,152,148)
```
#eca7a5
```
#eca7a5 rgb(236,167,165)
```
#f0b7b5
```
#f0b7b5 rgb(240,183,181)
```
#f3c7c5
```
#f3c7c5 rgb(243,199,197)
```
#f6d7d5
```
#f6d7d5 rgb(246,215,213)
```
#fae6e6
```
#fae6e6 rgb(250,230,230)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#7f7575
```
#7f7575 rgb(127,117,117)
```
#886d6c
```
#886d6c rgb(136,109,108)
```
#926462
```
#926462 rgb(146,100,98)
```
#9b5b59
```
#9b5b59 rgb(155,91,89)
```
#a45350
```
#a45350 rgb(164,83,80)
```
#ae4a46
```
#ae4a46 rgb(174,74,70)
```
#b7413d
```
#b7413d rgb(183,65,61)
```
#c13933
```
#c13933 rgb(193,57,51)
```
#ca302a
```
#ca302a rgb(202,48,42)
```
#d32721
```
#d32721 rgb(211,39,33)
```
#dd1f17
```
#dd1f17 rgb(221,31,23)
```
#e6160e
```
#e6160e rgb(230,22,14)
```
#f00d04
```
#f00d04 rgb(240,13,4)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#735453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7344 Protanopia 1% of men
#8e6d28 Deuteranopia 1% of men
#cc393b Tritanopia 0.001% of the population

Trichromacy

#995a3a Protanomaly 1% of men, 0.01% of women
#a45728 Deuteranomaly 6% of men, 0.4% of women
#cb3635 Tritanomaly 0.01% of the population

#ca302a hex color

#ca302a Color Information

#ca302a Color Conversion

Color Schemes with #ca302a

Alternatives to #ca302a

#ca302a Preview

Shades and Tints of #ca302a

Tones of #ca302a

Color Blindness Simulator