#ca5c1f hex color

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

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

● #ca5c1f color description : Strong orange.

The hexadecimal color #ca5c1f has RGB values of R:202, G:92, B:31 and CMYK values of C:0, M:0.54, Y:0.85, K:0.21. Its decimal value is 13261855.

Hex triplet	ca5c1f	`#ca5c1f`
RGB Decimal	202, 92, 31	`rgb(202,92,31)`
RGB Percent	79.2, 36.1, 12.2	`rgb(79.2%,36.1%,12.2%)`
CMYK	0, 54, 85, 21
HSL	21.4°, 73.4, 45.7	`hsl(21.4,73.4%,45.7%)`
HSV (or HSB)	21.4°, 84.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.189, 40.48, 52.671
XYZ	28.433, 20.313, 3.72
xyY	0.542, 0.387, 20.313
CIE-LCH	52.189, 66.43, 52.456
CIE-LUV	52.189, 89.897, 42.515
Hunter-Lab	45.07, 33.738, 26.655
Binary	11001010, 01011100, 00011111

#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#1f8dca
```
#1f8dca rgb(31,141,202)
```

Complementary Color

#ca1f38
```
#ca1f38 rgb(202,31,56)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#cab21f
```
#cab21f rgb(202,178,31)
```

Analogous Color

#1f38ca
```
#1f38ca rgb(31,56,202)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#1fcab2
```
#1fcab2 rgb(31,202,178)
```

Split Complementary Color

#5c1fca
```
#5c1fca rgb(92,31,202)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#1fca5c
```
#1fca5c rgb(31,202,92)
```

Triadic Color

#ca1f8d
```
#ca1f8d rgb(202,31,141)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#1fca5c
```
#1fca5c rgb(31,202,92)
```
#1f8dca
```
#1f8dca rgb(31,141,202)
```

Tetradic Color

#883e15
```
#883e15 rgb(136,62,21)
```
#9e4818
```
#9e4818 rgb(158,72,24)
```
#b4521c
```
#b4521c rgb(180,82,28)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#de6725
```
#de6725 rgb(222,103,37)
```
#e1763b
```
#e1763b rgb(225,118,59)
```
#e48651
```
#e48651 rgb(228,134,81)
```

Monochromatic Color

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

#ca311f
```
#ca311f rgb(202,49,31)
```
#ca3f1f
```
#ca3f1f rgb(202,63,31)
```
#ca4e1f
```
#ca4e1f rgb(202,78,31)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#ca6a1f
```
#ca6a1f rgb(202,106,31)
```
#ca791f
```
#ca791f rgb(202,121,31)
```
#ca871f
```
#ca871f rgb(202,135,31)
```

Similar Colors

Text with hexadecimal color #ca5c1f

This text has a font color of #ca5c1f.

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

#ca5c1f background color

This paragraph has a background color of #ca5c1f.

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

#ca5c1f border color

This element has a border color of #ca5c1f.

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

CSS codes

.text {color:#ca5c1f;}

.background {background-color:#ca5c1f;}

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

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

#0f0702
```
#0f0702 rgb(15,7,2)
```
#200f05
```
#200f05 rgb(32,15,5)
```
#311608
```
#311608 rgb(49,22,8)
```
#421e0a
```
#421e0a rgb(66,30,10)
```
#53260d
```
#53260d rgb(83,38,13)
```
#642e0f
```
#642e0f rgb(100,46,15)
```
#753512
```
#753512 rgb(117,53,18)
```
#863d15
```
#863d15 rgb(134,61,21)
```
#974517
```
#974517 rgb(151,69,23)
```
#a84d1a
```
#a84d1a rgb(168,77,26)
```
#b9541c
```
#b9541c rgb(185,84,28)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#db6422
```
#db6422 rgb(219,100,34)
```

Shade Color Variation

#df6f31
```
#df6f31 rgb(223,111,49)
```
#e27b42
```
#e27b42 rgb(226,123,66)
```
#e58753
```
#e58753 rgb(229,135,83)
```
#e79364
```
#e79364 rgb(231,147,100)
```
#ea9f75
```
#ea9f75 rgb(234,159,117)
```
#ecaa86
```
#ecaa86 rgb(236,170,134)
```
#efb697
```
#efb697 rgb(239,182,151)
```
#f2c2a8
```
#f2c2a8 rgb(242,194,168)
```
#f4ceb9
```
#f4ceb9 rgb(244,206,185)
```
#f7daca
```
#f7daca rgb(247,218,202)
```
#f9e6db
```
#f9e6db rgb(249,230,219)
```
#fcf2ec
```
#fcf2ec rgb(252,242,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#797370
```
#797370 rgb(121,115,112)
```
#827167
```
#827167 rgb(130,113,103)
```
#8b6e5e
```
#8b6e5e rgb(139,110,94)
```
#946b55
```
#946b55 rgb(148,107,85)
```
#9d694c
```
#9d694c rgb(157,105,76)
```
#a66643
```
#a66643 rgb(166,102,67)
```
#af643a
```
#af643a rgb(175,100,58)
```
#b86131
```
#b86131 rgb(184,97,49)
```
#c15f28
```
#c15f28 rgb(193,95,40)
```
#ca5c1f
```
#ca5c1f rgb(202,92,31)
```
#d35916
```
#d35916 rgb(211,89,22)
```
#dc570d
```
#dc570d rgb(220,87,13)
```
#e55404
```
#e55404 rgb(229,84,4)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#877165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928332 Protanopia 1% of men
#a37d1f Deuteranopia 1% of men
#cf5e64 Tritanopia 0.001% of the population

Trichromacy

#a6752b Protanomaly 1% of men, 0.01% of women
#b1711f Deuteranomaly 6% of men, 0.4% of women
#cd5d4b Tritanomaly 0.01% of the population

#ca5c1f hex color

#ca5c1f Color Information

#ca5c1f Color Conversion

Color Schemes with #ca5c1f

Alternatives to #ca5c1f

#ca5c1f Preview

Shades and Tints of #ca5c1f

Tones of #ca5c1f

Color Blindness Simulator