#ca3a1f hex color

In a RGB color space, hex #ca3a1f is composed of 79.2% red, 22.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.3% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 9.5 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca3a1f color hex could be obtained by blending #ff743e with #950000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 79
- G 23
- B 12
RGB color chart
- C 0
- M 71
- Y 85
- K 21
CMYK color chart

● #ca3a1f color description : Strong red.

The hexadecimal color #ca3a1f has RGB values of R:202, G:58, B:31 and CMYK values of C:0, M:0.71, Y:0.85, K:0.21. Its decimal value is 13253151.

Hex triplet	ca3a1f	`#ca3a1f`
RGB Decimal	202, 58, 31	`rgb(202,58,31)`
RGB Percent	79.2, 22.7, 12.2	`rgb(79.2%,22.7%,12.2%)`
CMYK	0, 71, 85, 21
HSL	9.5°, 73.4, 45.7	`hsl(9.5,73.4%,45.7%)`
HSV (or HSB)	9.5°, 84.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.558, 55.422, 47.8
XYZ	26.119, 15.685, 2.948
xyY	0.584, 0.35, 15.685
CIE-LCH	46.558, 73.188, 40.777
CIE-LUV	46.558, 114.253, 32.704
Hunter-Lab	39.604, 48.414, 23.309
Binary	11001010, 00111010, 00011111

#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#1fafca
```
#1fafca rgb(31,175,202)
```

Complementary Color

#ca1f5a
```
#ca1f5a rgb(202,31,90)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#ca901f
```
#ca901f rgb(202,144,31)
```

Analogous Color

#1f5aca
```
#1f5aca rgb(31,90,202)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#1fca90
```
#1fca90 rgb(31,202,144)
```

Split Complementary Color

#3a1fca
```
#3a1fca rgb(58,31,202)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#1fca3a
```
#1fca3a rgb(31,202,58)
```

Triadic Color

#ca1faf
```
#ca1faf rgb(202,31,175)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#1fca3a
```
#1fca3a rgb(31,202,58)
```
#1fafca
```
#1fafca rgb(31,175,202)
```

Tetradic Color

#882715
```
#882715 rgb(136,39,21)
```
#9e2d18
```
#9e2d18 rgb(158,45,24)
```
#b4341c
```
#b4341c rgb(180,52,28)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#de4225
```
#de4225 rgb(222,66,37)
```
#e1553b
```
#e1553b rgb(225,85,59)
```
#e46851
```
#e46851 rgb(228,104,81)
```

Monochromatic Color

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

#ca1f2f
```
#ca1f2f rgb(202,31,47)
```
#ca1f21
```
#ca1f21 rgb(202,31,33)
```
#ca2c1f
```
#ca2c1f rgb(202,44,31)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#ca481f
```
#ca481f rgb(202,72,31)
```
#ca571f
```
#ca571f rgb(202,87,31)
```
#ca651f
```
#ca651f rgb(202,101,31)
```

Similar Colors

Text with hexadecimal color #ca3a1f

This text has a font color of #ca3a1f.

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

#ca3a1f background color

This paragraph has a background color of #ca3a1f.

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

#ca3a1f border color

This element has a border color of #ca3a1f.

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

CSS codes

.text {color:#ca3a1f;}

.background {background-color:#ca3a1f;}

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

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

#0f0402
```
#0f0402 rgb(15,4,2)
```
#200905
```
#200905 rgb(32,9,5)
```
#310e08
```
#310e08 rgb(49,14,8)
```
#42130a
```
#42130a rgb(66,19,10)
```
#53180d
```
#53180d rgb(83,24,13)
```
#641d0f
```
#641d0f rgb(100,29,15)
```
#752212
```
#752212 rgb(117,34,18)
```
#862615
```
#862615 rgb(134,38,21)
```
#972b17
```
#972b17 rgb(151,43,23)
```
#a8301a
```
#a8301a rgb(168,48,26)
```
#b9351c
```
#b9351c rgb(185,53,28)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#db3f22
```
#db3f22 rgb(219,63,34)
```

Shade Color Variation

#df4c31
```
#df4c31 rgb(223,76,49)
```
#e25b42
```
#e25b42 rgb(226,91,66)
```
#e56a53
```
#e56a53 rgb(229,106,83)
```
#e77964
```
#e77964 rgb(231,121,100)
```
#ea8775
```
#ea8775 rgb(234,135,117)
```
#ec9686
```
#ec9686 rgb(236,150,134)
```
#efa597
```
#efa597 rgb(239,165,151)
```
#f2b4a8
```
#f2b4a8 rgb(242,180,168)
```
#f4c2b9
```
#f4c2b9 rgb(244,194,185)
```
#f7d1ca
```
#f7d1ca rgb(247,209,202)
```
#f9e0db
```
#f9e0db rgb(249,224,219)
```
#fceeec
```
#fceeec rgb(252,238,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797170
```
#797170 rgb(121,113,112)
```
#826b67
```
#826b67 rgb(130,107,103)
```
#8b655e
```
#8b655e rgb(139,101,94)
```
#945f55
```
#945f55 rgb(148,95,85)
```
#9d594c
```
#9d594c rgb(157,89,76)
```
#a65343
```
#a65343 rgb(166,83,67)
```
#af4c3a
```
#af4c3a rgb(175,76,58)
```
#b84631
```
#b84631 rgb(184,70,49)
```
#c14028
```
#c14028 rgb(193,64,40)
```
#ca3a1f
```
#ca3a1f rgb(202,58,31)
```
#d33416
```
#d33416 rgb(211,52,22)
```
#dc2e0d
```
#dc2e0d rgb(220,46,13)
```
#e52804
```
#e52804 rgb(229,40,4)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#775a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827537 Protanopia 1% of men
#93701a Deuteranopia 1% of men
#cd4143 Tritanopia 0.001% of the population

Trichromacy

#9c602e Protanomaly 1% of men, 0.01% of women
#a75c1b Deuteranomaly 6% of men, 0.4% of women
#cc3e36 Tritanomaly 0.01% of the population

#ca3a1f hex color

#ca3a1f Color Information

#ca3a1f Color Conversion

Color Schemes with #ca3a1f

Alternatives to #ca3a1f

#ca3a1f Preview

Shades and Tints of #ca3a1f

Tones of #ca3a1f

Color Blindness Simulator