#ca4c1f hex color

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

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

● #ca4c1f color description : Strong orange.

The hexadecimal color #ca4c1f has RGB values of R:202, G:76, B:31 and CMYK values of C:0, M:0.62, Y:0.85, K:0.21. Its decimal value is 13257759.

Hex triplet	ca4c1f	`#ca4c1f`
RGB Decimal	202, 76, 31	`rgb(202,76,31)`
RGB Percent	79.2, 29.8, 12.2	`rgb(79.2%,29.8%,12.2%)`
CMYK	0, 62, 85, 21
HSL	15.8°, 73.4, 45.7	`hsl(15.8,73.4%,45.7%)`
HSV (or HSB)	15.8°, 84.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.286, 48.048, 50.171
XYZ	27.19, 17.827, 3.306
xyY	0.563, 0.369, 17.827
CIE-LCH	49.286, 69.468, 46.238
CIE-LUV	49.286, 102.077, 37.515
Hunter-Lab	42.222, 41.06, 24.914
Binary	11001010, 01001100, 00011111

#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#1f9dca
```
#1f9dca rgb(31,157,202)
```

Complementary Color

#ca1f47
```
#ca1f47 rgb(202,31,71)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#caa21f
```
#caa21f rgb(202,162,31)
```

Analogous Color

#1f48ca
```
#1f48ca rgb(31,72,202)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#1fcaa2
```
#1fcaa2 rgb(31,202,162)
```

Split Complementary Color

#4c1fca
```
#4c1fca rgb(76,31,202)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#1fca4c
```
#1fca4c rgb(31,202,76)
```

Triadic Color

#ca1f9d
```
#ca1f9d rgb(202,31,157)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#1fca4c
```
#1fca4c rgb(31,202,76)
```
#1f9dca
```
#1f9dca rgb(31,157,202)
```

Tetradic Color

#883315
```
#883315 rgb(136,51,21)
```
#9e3b18
```
#9e3b18 rgb(158,59,24)
```
#b4441c
```
#b4441c rgb(180,68,28)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#de5625
```
#de5625 rgb(222,86,37)
```
#e1673b
```
#e1673b rgb(225,103,59)
```
#e47851
```
#e47851 rgb(228,120,81)
```

Monochromatic Color

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

#ca211f
```
#ca211f rgb(202,33,31)
```
#ca301f
```
#ca301f rgb(202,48,31)
```
#ca3e1f
```
#ca3e1f rgb(202,62,31)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#ca5a1f
```
#ca5a1f rgb(202,90,31)
```
#ca691f
```
#ca691f rgb(202,105,31)
```
#ca771f
```
#ca771f rgb(202,119,31)
```

Similar Colors

Text with hexadecimal color #ca4c1f

This text has a font color of #ca4c1f.

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

#ca4c1f background color

This paragraph has a background color of #ca4c1f.

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

#ca4c1f border color

This element has a border color of #ca4c1f.

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

CSS codes

.text {color:#ca4c1f;}

.background {background-color:#ca4c1f;}

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

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

#0f0602
```
#0f0602 rgb(15,6,2)
```
#200c05
```
#200c05 rgb(32,12,5)
```
#311208
```
#311208 rgb(49,18,8)
```
#42190a
```
#42190a rgb(66,25,10)
```
#531f0d
```
#531f0d rgb(83,31,13)
```
#64260f
```
#64260f rgb(100,38,15)
```
#752c12
```
#752c12 rgb(117,44,18)
```
#863215
```
#863215 rgb(134,50,21)
```
#973917
```
#973917 rgb(151,57,23)
```
#a83f1a
```
#a83f1a rgb(168,63,26)
```
#b9461c
```
#b9461c rgb(185,70,28)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#db5222
```
#db5222 rgb(219,82,34)
```

Shade Color Variation

#df5f31
```
#df5f31 rgb(223,95,49)
```
#e26c42
```
#e26c42 rgb(226,108,66)
```
#e57953
```
#e57953 rgb(229,121,83)
```
#e78664
```
#e78664 rgb(231,134,100)
```
#ea9475
```
#ea9475 rgb(234,148,117)
```
#eca186
```
#eca186 rgb(236,161,134)
```
#efae97
```
#efae97 rgb(239,174,151)
```
#f2bba8
```
#f2bba8 rgb(242,187,168)
```
#f4c9b9
```
#f4c9b9 rgb(244,201,185)
```
#f7d6ca
```
#f7d6ca rgb(247,214,202)
```
#f9e3db
```
#f9e3db rgb(249,227,219)
```
#fcf0ec
```
#fcf0ec rgb(252,240,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797270
```
#797270 rgb(121,114,112)
```
#826e67
```
#826e67 rgb(130,110,103)
```
#8b6a5e
```
#8b6a5e rgb(139,106,94)
```
#946555
```
#946555 rgb(148,101,85)
```
#9d614c
```
#9d614c rgb(157,97,76)
```
#a65d43
```
#a65d43 rgb(166,93,67)
```
#af593a
```
#af593a rgb(175,89,58)
```
#b85431
```
#b85431 rgb(184,84,49)
```
#c15028
```
#c15028 rgb(193,80,40)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#d34816
```
#d34816 rgb(211,72,22)
```
#dc440d
```
#dc440d rgb(220,68,13)
```
#e53f04
```
#e53f04 rgb(229,63,4)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#80665d Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c34 Protanopia 1% of men
#9b761c Deuteranopia 1% of men
#ce5055 Tritanopia 0.001% of the population

Trichromacy

#a16a2c Protanomaly 1% of men, 0.01% of women
#ac661d Deuteranomaly 6% of men, 0.4% of women
#cc4f41 Tritanomaly 0.01% of the population

#ca4c1f hex color

#ca4c1f Color Information

#ca4c1f Color Conversion

Color Schemes with #ca4c1f

Alternatives to #ca4c1f

#ca4c1f Preview

Shades and Tints of #ca4c1f

Tones of #ca4c1f

Color Blindness Simulator