#ca303e hex color

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

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

● #ca303e color description : Strong red.

The hexadecimal color #ca303e has RGB values of R:202, G:48, B:62 and CMYK values of C:0, M:0.76, Y:0.69, K:0.21. Its decimal value is 13250622.

Hex triplet	ca303e	`#ca303e`
RGB Decimal	202, 48, 62	`rgb(202,48,62)`
RGB Percent	79.2, 18.8, 24.3	`rgb(79.2%,18.8%,24.3%)`
CMYK	0, 76, 69, 21
HSL	354.5°, 61.6, 49	`hsl(354.5,61.6%,49%)`
HSV (or HSB)	354.5°, 76.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.663, 59.965, 29.903
XYZ	26.285, 15.021, 6.073
xyY	0.555, 0.317, 15.021
CIE-LCH	45.663, 67.007, 26.505
CIE-LUV	45.663, 113.869, 19.414
Hunter-Lab	38.757, 53.231, 17.841
Binary	11001010, 00110000, 00111110

#ca303e
```
#ca303e rgb(202,48,62)
```
#30cabc
```
#30cabc rgb(48,202,188)
```

Complementary Color

#ca308b
```
#ca308b rgb(202,48,139)
```
#ca303e
```
#ca303e rgb(202,48,62)
```
#ca6f30
```
#ca6f30 rgb(202,111,48)
```

Analogous Color

#308bca
```
#308bca rgb(48,139,202)
```
#ca303e
```
#ca303e rgb(202,48,62)
```
#30ca6f
```
#30ca6f rgb(48,202,111)
```

Split Complementary Color

#303eca
```
#303eca rgb(48,62,202)
```
#ca303e
```
#ca303e rgb(202,48,62)
```
#3eca30
```
#3eca30 rgb(62,202,48)
```

Triadic Color

#bc30ca
```
#bc30ca rgb(188,48,202)
```
#ca303e
```
#ca303e rgb(202,48,62)
```
#3eca30
```
#3eca30 rgb(62,202,48)
```
#30cabc
```
#30cabc rgb(48,202,188)
```

Tetradic Color

#8c212b
```
#8c212b rgb(140,33,43)
```
#a12631
```
#a12631 rgb(161,38,49)
```
#b52b38
```
#b52b38 rgb(181,43,56)
```
#ca303e
```
#ca303e rgb(202,48,62)
```
#d2424f
```
#d2424f rgb(210,66,79)
```
#d75662
```
#d75662 rgb(215,86,98)
```
#dc6b75
```
#dc6b75 rgb(220,107,117)
```

Monochromatic Color

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

#ca3065
```
#ca3065 rgb(202,48,101)
```
#ca3058
```
#ca3058 rgb(202,48,88)
```
#ca304b
```
#ca304b rgb(202,48,75)
```
#ca303e
```
#ca303e rgb(202,48,62)
```
#ca3031
```
#ca3031 rgb(202,48,49)
```
#ca3c30
```
#ca3c30 rgb(202,60,48)
```
#ca4930
```
#ca4930 rgb(202,73,48)
```

Similar Colors

Text with hexadecimal color #ca303e

This text has a font color of #ca303e.

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

#ca303e background color

This paragraph has a background color of #ca303e.

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

#ca303e border color

This element has a border color of #ca303e.

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

CSS codes

.text {color:#ca303e;}

.background {background-color:#ca303e;}

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

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)
```
#4b1217
```
#4b1217 rgb(75,18,23)
```
#5b161c
```
#5b161c rgb(91,22,28)
```
#6b1921
```
#6b1921 rgb(107,25,33)
```
#7b1d26
```
#7b1d26 rgb(123,29,38)
```
#8b212b
```
#8b212b rgb(139,33,43)
```
#9a252f
```
#9a252f rgb(154,37,47)
```
#aa2834
```
#aa2834 rgb(170,40,52)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#ca303e
```
#ca303e rgb(202,48,62)
```

Shade Color Variation

#d13d4a
```
#d13d4a rgb(209,61,74)
```
#d54d59
```
#d54d59 rgb(213,77,89)
```
#d85c68
```
#d85c68 rgb(216,92,104)
```
#dc6c76
```
#dc6c76 rgb(220,108,118)
```
#e07c85
```
#e07c85 rgb(224,124,133)
```
#e48c94
```
#e48c94 rgb(228,140,148)
```
#e79ca3
```
#e79ca3 rgb(231,156,163)
```
#ebacb1
```
#ebacb1 rgb(235,172,177)
```
#efbcc0
```
#efbcc0 rgb(239,188,192)
```
#f3cbcf
```
#f3cbcf rgb(243,203,207)
```
#f7dbde
```
#f7dbde rgb(247,219,222)
```
#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 #f00a1f 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)
```
#a4565d
```
#a4565d rgb(164,86,93)
```
#ad4d56
```
#ad4d56 rgb(173,77,86)
```
#b7434e
```
#b7434e rgb(183,67,78)
```
#c03a46
```
#c03a46 rgb(192,58,70)
```
#ca303e
```
#ca303e rgb(202,48,62)
```
#d42636
```
#d42636 rgb(212,38,54)
```
#dd1d2e
```
#dd1d2e rgb(221,29,46)
```
#e71326
```
#e71326 rgb(231,19,38)
```
#f00a1f
```
#f00a1f rgb(240,10,31)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#755659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b735b Protanopia 1% of men
#8d6e3d Deuteranopia 1% of men
#cc3c3e Tritanopia 0.001% of the population

Trichromacy

#975a50 Protanomaly 1% of men, 0.01% of women
#a3573d Deuteranomaly 6% of men, 0.4% of women
#cb373e Tritanomaly 0.01% of the population

#ca303e hex color

#ca303e Color Information

#ca303e Color Conversion

Color Schemes with #ca303e

Alternatives to #ca303e

#ca303e Preview

Shades and Tints of #ca303e

Tones of #ca303e

Color Blindness Simulator