#ca351f hex color

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

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

● #ca351f color description : Strong red.

The hexadecimal color #ca351f has RGB values of R:202, G:53, B:31 and CMYK values of C:0, M:0.74, Y:0.85, K:0.21. Its decimal value is 13251871.

Hex triplet	ca351f	`#ca351f`
RGB Decimal	202, 53, 31	`rgb(202,53,31)`
RGB Percent	79.2, 20.8, 12.2	`rgb(79.2%,20.8%,12.2%)`
CMYK	0, 74, 85, 21
HSL	7.7°, 73.4, 45.7	`hsl(7.7,73.4%,45.7%)`
HSV (or HSB)	7.7°, 84.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.913, 57.202, 47.237
XYZ	25.879, 15.205, 2.868
xyY	0.589, 0.346, 15.205
CIE-LCH	45.913, 74.185, 39.55
CIE-LUV	45.913, 117.238, 31.551
Hunter-Lab	38.993, 50.227, 22.934
Binary	11001010, 00110101, 00011111

#ca351f
```
#ca351f rgb(202,53,31)
```
#1fb4ca
```
#1fb4ca rgb(31,180,202)
```

Complementary Color

#ca1f5f
```
#ca1f5f rgb(202,31,95)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#ca8b1f
```
#ca8b1f rgb(202,139,31)
```

Analogous Color

#1f5fca
```
#1f5fca rgb(31,95,202)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#1fca8b
```
#1fca8b rgb(31,202,139)
```

Split Complementary Color

#351fca
```
#351fca rgb(53,31,202)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#1fca35
```
#1fca35 rgb(31,202,53)
```

Triadic Color

#ca1fb4
```
#ca1fb4 rgb(202,31,180)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#1fca35
```
#1fca35 rgb(31,202,53)
```
#1fb4ca
```
#1fb4ca rgb(31,180,202)
```

Tetradic Color

#882415
```
#882415 rgb(136,36,21)
```
#9e2918
```
#9e2918 rgb(158,41,24)
```
#b42f1c
```
#b42f1c rgb(180,47,28)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#de3d25
```
#de3d25 rgb(222,61,37)
```
#e1503b
```
#e1503b rgb(225,80,59)
```
#e46451
```
#e46451 rgb(228,100,81)
```

Monochromatic Color

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

#ca1f34
```
#ca1f34 rgb(202,31,52)
```
#ca1f26
```
#ca1f26 rgb(202,31,38)
```
#ca271f
```
#ca271f rgb(202,39,31)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#ca431f
```
#ca431f rgb(202,67,31)
```
#ca511f
```
#ca511f rgb(202,81,31)
```
#ca601f
```
#ca601f rgb(202,96,31)
```

Similar Colors

Text with hexadecimal color #ca351f

This text has a font color of #ca351f.

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

#ca351f background color

This paragraph has a background color of #ca351f.

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

#ca351f border color

This element has a border color of #ca351f.

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

CSS codes

.text {color:#ca351f;}

.background {background-color:#ca351f;}

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

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)
```
#200805
```
#200805 rgb(32,8,5)
```
#310d08
```
#310d08 rgb(49,13,8)
```
#42110a
```
#42110a rgb(66,17,10)
```
#53160d
```
#53160d rgb(83,22,13)
```
#641a0f
```
#641a0f rgb(100,26,15)
```
#751f12
```
#751f12 rgb(117,31,18)
```
#862315
```
#862315 rgb(134,35,21)
```
#972817
```
#972817 rgb(151,40,23)
```
#a82c1a
```
#a82c1a rgb(168,44,26)
```
#b9311c
```
#b9311c rgb(185,49,28)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#db3922
```
#db3922 rgb(219,57,34)
```

Shade Color Variation

#df4731
```
#df4731 rgb(223,71,49)
```
#e25642
```
#e25642 rgb(226,86,66)
```
#e56653
```
#e56653 rgb(229,102,83)
```
#e77564
```
#e77564 rgb(231,117,100)
```
#ea8475
```
#ea8475 rgb(234,132,117)
```
#ec9386
```
#ec9386 rgb(236,147,134)
```
#efa297
```
#efa297 rgb(239,162,151)
```
#f2b1a8
```
#f2b1a8 rgb(242,177,168)
```
#f4c1b9
```
#f4c1b9 rgb(244,193,185)
```
#f7d0ca
```
#f7d0ca rgb(247,208,202)
```
#f9dfdb
```
#f9dfdb rgb(249,223,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 #e52104 is the most saturated one.

#797170
```
#797170 rgb(121,113,112)
```
#826a67
```
#826a67 rgb(130,106,103)
```
#8b645e
```
#8b645e rgb(139,100,94)
```
#945d55
```
#945d55 rgb(148,93,85)
```
#9d564c
```
#9d564c rgb(157,86,76)
```
#a65043
```
#a65043 rgb(166,80,67)
```
#af493a
```
#af493a rgb(175,73,58)
```
#b84231
```
#b84231 rgb(184,66,49)
```
#c13c28
```
#c13c28 rgb(193,60,40)
```
#ca351f
```
#ca351f rgb(202,53,31)
```
#d32e16
```
#d32e16 rgb(211,46,22)
```
#dc280d
```
#dc280d rgb(220,40,13)
```
#e52104
```
#e52104 rgb(229,33,4)
```

Tone Color Variation

Below, you can see how #ca351f 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
#745752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807437 Protanopia 1% of men
#916e19 Deuteranopia 1% of men
#cd3d3f Tritanopia 0.001% of the population

Trichromacy

#9b5d2e Protanomaly 1% of men, 0.01% of women
#a5591b Deuteranomaly 6% of men, 0.4% of women
#cc3a33 Tritanomaly 0.01% of the population

#ca351f hex color

#ca351f Color Information

#ca351f Color Conversion

Color Schemes with #ca351f

Alternatives to #ca351f

#ca351f Preview

Shades and Tints of #ca351f

Tones of #ca351f

Color Blindness Simulator