#ca303c hex color

In a RGB color space, hex #ca303c is composed of 79.2% red, 18.8% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.2% magenta, 70.3% yellow and 20.8% black. It has a hue angle of 355.3 degrees, a saturation of 61.6% and a lightness of 49%. #ca303c color hex could be obtained by blending #ff6078 with #950000. Closest websafe color is: #cc3333.

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

● #ca303c color description : Strong red.

The hexadecimal color #ca303c has RGB values of R:202, G:48, B:60 and CMYK values of C:0, M:0.76, Y:0.7, K:0.21. Its decimal value is 13250620.

Hex triplet	ca303c	`#ca303c`
RGB Decimal	202, 48, 60	`rgb(202,48,60)`
RGB Percent	79.2, 18.8, 23.5	`rgb(79.2%,18.8%,23.5%)`
CMYK	0, 76, 70, 21
HSL	355.3°, 61.6, 49	`hsl(355.3,61.6%,49%)`
HSV (or HSB)	355.3°, 76.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.634, 59.869, 31.062
XYZ	26.231, 15, 5.789
xyY	0.558, 0.319, 15
CIE-LCH	45.634, 67.447, 27.421
CIE-LUV	45.634, 114.376, 20.333
Hunter-Lab	38.73, 53.118, 18.249
Binary	11001010, 00110000, 00111100

#ca303c
```
#ca303c rgb(202,48,60)
```
#30cabe
```
#30cabe rgb(48,202,190)
```

Complementary Color

#ca3089
```
#ca3089 rgb(202,48,137)
```
#ca303c
```
#ca303c rgb(202,48,60)
```
#ca7130
```
#ca7130 rgb(202,113,48)
```

Analogous Color

#3089ca
```
#3089ca rgb(48,137,202)
```
#ca303c
```
#ca303c rgb(202,48,60)
```
#30ca71
```
#30ca71 rgb(48,202,113)
```

Split Complementary Color

#303cca
```
#303cca rgb(48,60,202)
```
#ca303c
```
#ca303c rgb(202,48,60)
```
#3cca30
```
#3cca30 rgb(60,202,48)
```

Triadic Color

#be30ca
```
#be30ca rgb(190,48,202)
```
#ca303c
```
#ca303c rgb(202,48,60)
```
#3cca30
```
#3cca30 rgb(60,202,48)
```
#30cabe
```
#30cabe rgb(48,202,190)
```

Tetradic Color

#8c212a
```
#8c212a rgb(140,33,42)
```
#a12630
```
#a12630 rgb(161,38,48)
```
#b52b36
```
#b52b36 rgb(181,43,54)
```
#ca303c
```
#ca303c rgb(202,48,60)
```
#d2424d
```
#d2424d rgb(210,66,77)
```
#d75660
```
#d75660 rgb(215,86,96)
```
#dc6b74
```
#dc6b74 rgb(220,107,116)
```

Monochromatic Color

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

#ca3063
```
#ca3063 rgb(202,48,99)
```
#ca3056
```
#ca3056 rgb(202,48,86)
```
#ca3049
```
#ca3049 rgb(202,48,73)
```
#ca303c
```
#ca303c rgb(202,48,60)
```
#ca3130
```
#ca3130 rgb(202,49,48)
```
#ca3e30
```
#ca3e30 rgb(202,62,48)
```
#ca4b30
```
#ca4b30 rgb(202,75,48)
```

Similar Colors

Text with hexadecimal color #ca303c

This text has a font color of #ca303c.

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

#ca303c background color

This paragraph has a background color of #ca303c.

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

#ca303c border color

This element has a border color of #ca303c.

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

CSS codes

.text {color:#ca303c;}

.background {background-color:#ca303c;}

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

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, #0c0304 is the darkest color, while #fefbfb is the lightest one.

#0c0304
```
#0c0304 rgb(12,3,4)
```
#1c0708
```
#1c0708 rgb(28,7,8)
```
#2c0a0d
```
#2c0a0d rgb(44,10,13)
```
#3b0e12
```
#3b0e12 rgb(59,14,18)
```
#4b1216
```
#4b1216 rgb(75,18,22)
```
#5b161b
```
#5b161b rgb(91,22,27)
```
#6b1920
```
#6b1920 rgb(107,25,32)
```
#7b1d24
```
#7b1d24 rgb(123,29,36)
```
#8b2129
```
#8b2129 rgb(139,33,41)
```
#9a252e
```
#9a252e rgb(154,37,46)
```
#aa2833
```
#aa2833 rgb(170,40,51)
```
#ba2c37
```
#ba2c37 rgb(186,44,55)
```
#ca303c
```
#ca303c rgb(202,48,60)
```

Shade Color Variation

#d13d48
```
#d13d48 rgb(209,61,72)
```
#d54d57
```
#d54d57 rgb(213,77,87)
```
#d85c66
```
#d85c66 rgb(216,92,102)
```
#dc6c75
```
#dc6c75 rgb(220,108,117)
```
#e07c84
```
#e07c84 rgb(224,124,132)
```
#e48c93
```
#e48c93 rgb(228,140,147)
```
#e79ca2
```
#e79ca2 rgb(231,156,162)
```
#ebacb1
```
#ebacb1 rgb(235,172,177)
```
#efbcc0
```
#efbcc0 rgb(239,188,192)
```
#f3cbce
```
#f3cbce rgb(243,203,206)
```
#f7dbdd
```
#f7dbdd rgb(247,219,221)
```
#faebec
```
#faebec rgb(250,235,236)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#877375
```
#877375 rgb(135,115,117)
```
#906a6d
```
#906a6d rgb(144,106,109)
```
#9a6065
```
#9a6065 rgb(154,96,101)
```
#a4565c
```
#a4565c rgb(164,86,92)
```
#ad4d54
```
#ad4d54 rgb(173,77,84)
```
#b7434c
```
#b7434c rgb(183,67,76)
```
#c03a44
```
#c03a44 rgb(192,58,68)
```
#ca303c
```
#ca303c rgb(202,48,60)
```
#d42634
```
#d42634 rgb(212,38,52)
```
#dd1d2c
```
#dd1d2c rgb(221,29,44)
```
#e71324
```
#e71324 rgb(231,19,36)
```
#f00a1c
```
#f00a1c rgb(240,10,28)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#745658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7359 Protanopia 1% of men
#8d6e3b Deuteranopia 1% of men
#cc3c3e Tritanopia 0.001% of the population

Trichromacy

#985a4e Protanomaly 1% of men, 0.01% of women
#a3573b Deuteranomaly 6% of men, 0.4% of women
#cb373d Tritanomaly 0.01% of the population

#ca303c hex color

#ca303c Color Information

#ca303c Color Conversion

Color Schemes with #ca303c

Alternatives to #ca303c

#ca303c Preview

Shades and Tints of #ca303c

Tones of #ca303c

Color Blindness Simulator