#ca341f hex color

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

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

● #ca341f color description : Strong red.

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

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

CIE-LAB	45.791, 57.542, 47.13
XYZ	25.834, 15.115, 2.853
xyY	0.59, 0.345, 15.115
CIE-LCH	45.791, 74.379, 39.319
CIE-LUV	45.791, 117.811, 31.33
Hunter-Lab	38.878, 50.576, 22.863
Binary	11001010, 00110100, 00011111

#ca341f
```
#ca341f rgb(202,52,31)
```
#1fb5ca
```
#1fb5ca rgb(31,181,202)
```

Complementary Color

#ca1f60
```
#ca1f60 rgb(202,31,96)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#ca8a1f
```
#ca8a1f rgb(202,138,31)
```

Analogous Color

#1f60ca
```
#1f60ca rgb(31,96,202)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#1fca8a
```
#1fca8a rgb(31,202,138)
```

Split Complementary Color

#341fca
```
#341fca rgb(52,31,202)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#1fca34
```
#1fca34 rgb(31,202,52)
```

Triadic Color

#ca1fb5
```
#ca1fb5 rgb(202,31,181)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#1fca34
```
#1fca34 rgb(31,202,52)
```
#1fb5ca
```
#1fb5ca rgb(31,181,202)
```

Tetradic Color

#882315
```
#882315 rgb(136,35,21)
```
#9e2918
```
#9e2918 rgb(158,41,24)
```
#b42e1c
```
#b42e1c rgb(180,46,28)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#de3c25
```
#de3c25 rgb(222,60,37)
```
#e14f3b
```
#e14f3b rgb(225,79,59)
```
#e46351
```
#e46351 rgb(228,99,81)
```

Monochromatic Color

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

#ca1f35
```
#ca1f35 rgb(202,31,53)
```
#ca1f27
```
#ca1f27 rgb(202,31,39)
```
#ca261f
```
#ca261f rgb(202,38,31)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#ca511f
```
#ca511f rgb(202,81,31)
```
#ca5f1f
```
#ca5f1f rgb(202,95,31)
```

Similar Colors

Text with hexadecimal color #ca341f

This text has a font color of #ca341f.

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

#ca341f background color

This paragraph has a background color of #ca341f.

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

#ca341f border color

This element has a border color of #ca341f.

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

CSS codes

.text {color:#ca341f;}

.background {background-color:#ca341f;}

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

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)
```
#53150d
```
#53150d rgb(83,21,13)
```
#641a0f
```
#641a0f rgb(100,26,15)
```
#751e12
```
#751e12 rgb(117,30,18)
```
#862215
```
#862215 rgb(134,34,21)
```
#972717
```
#972717 rgb(151,39,23)
```
#a82b1a
```
#a82b1a rgb(168,43,26)
```
#b9301c
```
#b9301c rgb(185,48,28)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#db3822
```
#db3822 rgb(219,56,34)
```

Shade Color Variation

#df4631
```
#df4631 rgb(223,70,49)
```
#e25642
```
#e25642 rgb(226,86,66)
```
#e56553
```
#e56553 rgb(229,101,83)
```
#e77464
```
#e77464 rgb(231,116,100)
```
#ea8375
```
#ea8375 rgb(234,131,117)
```
#ec9286
```
#ec9286 rgb(236,146,134)
```
#efa297
```
#efa297 rgb(239,162,151)
```
#f2b1a8
```
#f2b1a8 rgb(242,177,168)
```
#f4c0b9
```
#f4c0b9 rgb(244,192,185)
```
#f7cfca
```
#f7cfca rgb(247,207,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 #e52004 is the most saturated one.

#797170
```
#797170 rgb(121,113,112)
```
#826a67
```
#826a67 rgb(130,106,103)
```
#8b635e
```
#8b635e rgb(139,99,94)
```
#945d55
```
#945d55 rgb(148,93,85)
```
#9d564c
```
#9d564c rgb(157,86,76)
```
#a64f43
```
#a64f43 rgb(166,79,67)
```
#af483a
```
#af483a rgb(175,72,58)
```
#b84231
```
#b84231 rgb(184,66,49)
```
#c13b28
```
#c13b28 rgb(193,59,40)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#d32d16
```
#d32d16 rgb(211,45,22)
```
#dc260d
```
#dc260d rgb(220,38,13)
```
#e52004
```
#e52004 rgb(229,32,4)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745651 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807438 Protanopia 1% of men
#906e19 Deuteranopia 1% of men
#cd3c3e Tritanopia 0.001% of the population

Trichromacy

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

#ca341f hex color

#ca341f Color Information

#ca341f Color Conversion

Color Schemes with #ca341f

Alternatives to #ca341f

#ca341f Preview

Shades and Tints of #ca341f

Tones of #ca341f

Color Blindness Simulator