#ca371f hex color

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

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

● #ca371f color description : Strong red.

The hexadecimal color #ca371f has RGB values of R:202, G:55, B:31 and CMYK values of C:0, M:0.73, Y:0.85, K:0.21. Its decimal value is 13252383.

Hex triplet	ca371f	`#ca371f`
RGB Decimal	202, 55, 31	`rgb(202,55,31)`
RGB Percent	79.2, 21.6, 12.2	`rgb(79.2%,21.6%,12.2%)`
CMYK	0, 73, 85, 21
HSL	8.4°, 73.4, 45.7	`hsl(8.4,73.4%,45.7%)`
HSV (or HSB)	8.4°, 84.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.165, 56.505, 47.457
XYZ	25.972, 15.391, 2.899
xyY	0.587, 0.348, 15.391
CIE-LCH	46.165, 73.79, 40.026
CIE-LUV	46.165, 116.068, 32.002
Hunter-Lab	39.231, 49.516, 23.08
Binary	11001010, 00110111, 00011111

#ca371f
```
#ca371f rgb(202,55,31)
```
#1fb2ca
```
#1fb2ca rgb(31,178,202)
```

Complementary Color

#ca1f5c
```
#ca1f5c rgb(202,31,92)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#ca8d1f
```
#ca8d1f rgb(202,141,31)
```

Analogous Color

#1f5cca
```
#1f5cca rgb(31,92,202)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#1fca8d
```
#1fca8d rgb(31,202,141)
```

Split Complementary Color

#371fca
```
#371fca rgb(55,31,202)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#1fca37
```
#1fca37 rgb(31,202,55)
```

Triadic Color

#ca1fb2
```
#ca1fb2 rgb(202,31,178)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#1fca37
```
#1fca37 rgb(31,202,55)
```
#1fb2ca
```
#1fb2ca rgb(31,178,202)
```

Tetradic Color

#882515
```
#882515 rgb(136,37,21)
```
#9e2b18
```
#9e2b18 rgb(158,43,24)
```
#b4311c
```
#b4311c rgb(180,49,28)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#de3f25
```
#de3f25 rgb(222,63,37)
```
#e1523b
```
#e1523b rgb(225,82,59)
```
#e46651
```
#e46651 rgb(228,102,81)
```

Monochromatic Color

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

#ca1f32
```
#ca1f32 rgb(202,31,50)
```
#ca1f24
```
#ca1f24 rgb(202,31,36)
```
#ca291f
```
#ca291f rgb(202,41,31)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#ca541f
```
#ca541f rgb(202,84,31)
```
#ca621f
```
#ca621f rgb(202,98,31)
```

Similar Colors

Text with hexadecimal color #ca371f

This text has a font color of #ca371f.

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

#ca371f background color

This paragraph has a background color of #ca371f.

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

#ca371f border color

This element has a border color of #ca371f.

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

CSS codes

.text {color:#ca371f;}

.background {background-color:#ca371f;}

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

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)
```
#310d08
```
#310d08 rgb(49,13,8)
```
#42120a
```
#42120a rgb(66,18,10)
```
#53170d
```
#53170d rgb(83,23,13)
```
#641b0f
```
#641b0f rgb(100,27,15)
```
#752012
```
#752012 rgb(117,32,18)
```
#862415
```
#862415 rgb(134,36,21)
```
#972917
```
#972917 rgb(151,41,23)
```
#a82e1a
```
#a82e1a rgb(168,46,26)
```
#b9321c
```
#b9321c rgb(185,50,28)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#db3c22
```
#db3c22 rgb(219,60,34)
```

Shade Color Variation

#df4931
```
#df4931 rgb(223,73,49)
```
#e25842
```
#e25842 rgb(226,88,66)
```
#e56753
```
#e56753 rgb(229,103,83)
```
#e77664
```
#e77664 rgb(231,118,100)
```
#ea8575
```
#ea8575 rgb(234,133,117)
```
#ec9486
```
#ec9486 rgb(236,148,134)
```
#efa397
```
#efa397 rgb(239,163,151)
```
#f2b2a8
```
#f2b2a8 rgb(242,178,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 #e52404 is the most saturated one.

#797170
```
#797170 rgb(121,113,112)
```
#826b67
```
#826b67 rgb(130,107,103)
```
#8b645e
```
#8b645e rgb(139,100,94)
```
#945e55
```
#945e55 rgb(148,94,85)
```
#9d574c
```
#9d574c rgb(157,87,76)
```
#a65143
```
#a65143 rgb(166,81,67)
```
#af4a3a
```
#af4a3a rgb(175,74,58)
```
#b84431
```
#b84431 rgb(184,68,49)
```
#c13d28
```
#c13d28 rgb(193,61,40)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#d33116
```
#d33116 rgb(211,49,22)
```
#dc2a0d
```
#dc2a0d rgb(220,42,13)
```
#e52404
```
#e52404 rgb(229,36,4)
```

Tone Color Variation

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

Dichromacy

#817537 Protanopia 1% of men
#916f19 Deuteranopia 1% of men
#cd3e41 Tritanopia 0.001% of the population

Trichromacy

#9b5e2e Protanomaly 1% of men, 0.01% of women
#a65a1b Deuteranomaly 6% of men, 0.4% of women
#cc3b34 Tritanomaly 0.01% of the population

#ca371f hex color

#ca371f Color Information

#ca371f Color Conversion

Color Schemes with #ca371f

Alternatives to #ca371f

#ca371f Preview

Shades and Tints of #ca371f

Tones of #ca371f

Color Blindness Simulator