colorhexa.com

#ca3545 hex color

In a RGB color space, hex #ca3545 is composed of 79.2% red, 20.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 65.8% yellow and 20.8% black. It has a hue angle of 353.6 degrees, a saturation of 58.4% and a lightness of 50%. #ca3545 color hex could be obtained by blending #ff6a8a with #950000. Closest websafe color is: #cc3333.

- R 79
- G 21
- B 27
RGB color chart
- C 0
- M 74
- Y 66
- K 21
CMYK color chart

● #ca3545 color description : Moderate red.

The hexadecimal color #ca3545 has RGB values of R:202, G:53, B:69 and CMYK values of C:0, M:0.74, Y:0.66, K:0.21. Its decimal value is 13251909.

Hex triplet	ca3545	`#ca3545`
RGB Decimal	202, 53, 69	`rgb(202,53,69)`
RGB Percent	79.2, 20.8, 27.1	`rgb(79.2%,20.8%,27.1%)`
CMYK	0, 74, 66, 21
HSL	353.6°, 58.4, 50	`hsl(353.6,58.4%,50%)`
HSV (or HSB)	353.6°, 73.8, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.359, 58.695, 26.556
XYZ	26.706, 15.536, 7.222
xyY	0.54, 0.314, 15.536
CIE-LCH	46.359, 64.423, 24.344
CIE-LUV	46.359, 109.543, 17.192
Hunter-Lab	39.415, 51.965, 16.726
Binary	11001010, 00110101, 01000101

#ca3545
```
#ca3545 rgb(202,53,69)
```
#35caba
```
#35caba rgb(53,202,186)
```

Complementary Color

#ca3590
```
#ca3590 rgb(202,53,144)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```
#ca7035
```
#ca7035 rgb(202,112,53)
```

Analogous Color

#3590ca
```
#3590ca rgb(53,144,202)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```
#35ca70
```
#35ca70 rgb(53,202,112)
```

Split Complementary Color

#3545ca
```
#3545ca rgb(53,69,202)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```
#45ca35
```
#45ca35 rgb(69,202,53)
```

Triadic Color

#ba35ca
```
#ba35ca rgb(186,53,202)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```
#45ca35
```
#45ca35 rgb(69,202,53)
```
#35caba
```
#35caba rgb(53,202,186)
```

Tetradic Color

#8d2530
```
#8d2530 rgb(141,37,48)
```
#a22a37
```
#a22a37 rgb(162,42,55)
```
#b6303e
```
#b6303e rgb(182,48,62)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```
#cf4958
```
#cf4958 rgb(207,73,88)
```
#d55d6a
```
#d55d6a rgb(213,93,106)
```
#da727d
```
#da727d rgb(218,114,125)
```

Monochromatic Color

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

#ca356a
```
#ca356a rgb(202,53,106)
```
#ca355e
```
#ca355e rgb(202,53,94)
```
#ca3551
```
#ca3551 rgb(202,53,81)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```
#ca3539
```
#ca3539 rgb(202,53,57)
```
#ca3e35
```
#ca3e35 rgb(202,62,53)
```
#ca4a35
```
#ca4a35 rgb(202,74,53)
```

Similar Colors

Text with hexadecimal color #ca3545

This text has a font color of #ca3545.

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

#ca3545 background color

This paragraph has a background color of #ca3545.

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

#ca3545 border color

This element has a border color of #ca3545.

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

CSS codes

.text {color:#ca3545;}

.background {background-color:#ca3545;}

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

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

#100405
```
#100405 rgb(16,4,5)
```
#1f080b
```
#1f080b rgb(31,8,11)
```
#2f0c10
```
#2f0c10 rgb(47,12,16)
```
#3e1015
```
#3e1015 rgb(62,16,21)
```
#4e141b
```
#4e141b rgb(78,20,27)
```
#5d1820
```
#5d1820 rgb(93,24,32)
```
#6d1d25
```
#6d1d25 rgb(109,29,37)
```
#7c212a
```
#7c212a rgb(124,33,42)
```
#8c2530
```
#8c2530 rgb(140,37,48)
```
#9b2935
```
#9b2935 rgb(155,41,53)
```
#ab2d3a
```
#ab2d3a rgb(171,45,58)
```
#ba3140
```
#ba3140 rgb(186,49,64)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```

Shade Color Variation

#ce4553
```
#ce4553 rgb(206,69,83)
```
#d25462
```
#d25462 rgb(210,84,98)
```
#d66470
```
#d66470 rgb(214,100,112)
```
#da737e
```
#da737e rgb(218,115,126)
```
#de838d
```
#de838d rgb(222,131,141)
```
#e2929b
```
#e2929b rgb(226,146,155)
```
#e7a2a9
```
#e7a2a9 rgb(231,162,169)
```
#ebb1b7
```
#ebb1b7 rgb(235,177,183)
```
#efc1c6
```
#efc1c6 rgb(239,193,198)
```
#f3d0d4
```
#f3d0d4 rgb(243,208,212)
```
#f7e0e2
```
#f7e0e2 rgb(247,224,226)
```
#fbeff1
```
#fbeff1 rgb(251,239,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857a7b
```
#857a7b rgb(133,122,123)
```
#8f7073
```
#8f7073 rgb(143,112,115)
```
#99666c
```
#99666c rgb(153,102,108)
```
#a35c64
```
#a35c64 rgb(163,92,100)
```
#ad525c
```
#ad525c rgb(173,82,92)
```
#b64954
```
#b64954 rgb(182,73,84)
```
#c03f4d
```
#c03f4d rgb(192,63,77)
```
#ca3545
```
#ca3545 rgb(202,53,69)
```
#d42b3d
```
#d42b3d rgb(212,43,61)
```
#de2136
```
#de2136 rgb(222,33,54)
```
#e7182e
```
#e7182e rgb(231,24,46)
```
#f10e26
```
#f10e26 rgb(241,14,38)
```
#fb041e
```
#fb041e rgb(251,4,30)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#785a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7562 Protanopia 1% of men
#8e7044 Deuteranopia 1% of men
#cc4144 Tritanopia 0.001% of the population

Trichromacy

#985d57 Protanomaly 1% of men, 0.01% of women
#a35a44 Deuteranomaly 6% of men, 0.4% of women
#cb3c44 Tritanomaly 0.01% of the population