#ca5f2e hex color

In a RGB color space, hex #ca5f2e is composed of 79.2% red, 37.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 77.2% yellow and 20.8% black. It has a hue angle of 18.8 degrees, a saturation of 62.9% and a lightness of 48.6%. #ca5f2e color hex could be obtained by blending #ffbe5c with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 37
- B 18
RGB color chart
- C 0
- M 53
- Y 77
- K 21
CMYK color chart

● #ca5f2e color description : Strong orange.

The hexadecimal color #ca5f2e has RGB values of R:202, G:95, B:46 and CMYK values of C:0, M:0.53, Y:0.77, K:0.21. Its decimal value is 13262638.

Hex triplet	ca5f2e	`#ca5f2e`
RGB Decimal	202, 95, 46	`rgb(202,95,46)`
RGB Percent	79.2, 37.3, 18	`rgb(79.2%,37.3%,18%)`
CMYK	0, 53, 77, 21
HSL	18.8°, 62.9, 48.6	`hsl(18.8,62.9%,48.6%)`
HSV (or HSB)	18.8°, 77.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.885, 39.471, 46.661
XYZ	28.944, 20.941, 5.102
xyY	0.526, 0.381, 20.941
CIE-LCH	52.885, 61.116, 49.772
CIE-LUV	52.885, 86.09, 39.584
Hunter-Lab	45.761, 32.817, 25.422
Binary	11001010, 01011111, 00101110

#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#2e99ca
```
#2e99ca rgb(46,153,202)
```

Complementary Color

#ca2e4b
```
#ca2e4b rgb(202,46,75)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#caad2e
```
#caad2e rgb(202,173,46)
```

Analogous Color

#2e4bca
```
#2e4bca rgb(46,75,202)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#2ecaad
```
#2ecaad rgb(46,202,173)
```

Split Complementary Color

#5f2eca
```
#5f2eca rgb(95,46,202)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#2eca5f
```
#2eca5f rgb(46,202,95)
```

Triadic Color

#ca2e99
```
#ca2e99 rgb(202,46,153)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#2eca5f
```
#2eca5f rgb(46,202,95)
```
#2e99ca
```
#2e99ca rgb(46,153,202)
```

Tetradic Color

#8c4220
```
#8c4220 rgb(140,66,32)
```
#a04b25
```
#a04b25 rgb(160,75,37)
```
#b55529
```
#b55529 rgb(181,85,41)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#d36d3e
```
#d36d3e rgb(211,109,62)
```
#d87d53
```
#d87d53 rgb(216,125,83)
```
#dd8d68
```
#dd8d68 rgb(221,141,104)
```

Monochromatic Color

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

#ca382e
```
#ca382e rgb(202,56,46)
```
#ca452e
```
#ca452e rgb(202,69,46)
```
#ca522e
```
#ca522e rgb(202,82,46)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#ca6c2e
```
#ca6c2e rgb(202,108,46)
```
#ca792e
```
#ca792e rgb(202,121,46)
```
#ca862e
```
#ca862e rgb(202,134,46)
```

Similar Colors

Text with hexadecimal color #ca5f2e

This text has a font color of #ca5f2e.

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

#ca5f2e background color

This paragraph has a background color of #ca5f2e.

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

#ca5f2e border color

This element has a border color of #ca5f2e.

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

CSS codes

.text {color:#ca5f2e;}

.background {background-color:#ca5f2e;}

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

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1a0c06
```
#1a0c06 rgb(26,12,6)
```
#2a140a
```
#2a140a rgb(42,20,10)
```
#3a1b0d
```
#3a1b0d rgb(58,27,13)
```
#4a2311
```
#4a2311 rgb(74,35,17)
```
#5a2a15
```
#5a2a15 rgb(90,42,21)
```
#6a3218
```
#6a3218 rgb(106,50,24)
```
#7a391c
```
#7a391c rgb(122,57,28)
```
#8a411f
```
#8a411f rgb(138,65,31)
```
#9a4823
```
#9a4823 rgb(154,72,35)
```
#aa5027
```
#aa5027 rgb(170,80,39)
```
#ba572a
```
#ba572a rgb(186,87,42)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```

Shade Color Variation

#d2693a
```
#d2693a rgb(210,105,58)
```
#d6764a
```
#d6764a rgb(214,118,74)
```
#d9825a
```
#d9825a rgb(217,130,90)
```
#dd8e6a
```
#dd8e6a rgb(221,142,106)
```
#e19a79
```
#e19a79 rgb(225,154,121)
```
#e4a689
```
#e4a689 rgb(228,166,137)
```
#e8b299
```
#e8b299 rgb(232,178,153)
```
#ecbea9
```
#ecbea9 rgb(236,190,169)
```
#efcab9
```
#efcab9 rgb(239,202,185)
```
#f3d6c9
```
#f3d6c9 rgb(243,214,201)
```
#f6e2d9
```
#f6e2d9 rgb(246,226,217)
```
#faefe9
```
#faefe9 rgb(250,239,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#7e7b7a
```
#7e7b7a rgb(126,123,122)
```
#877871
```
#877871 rgb(135,120,113)
```
#917467
```
#917467 rgb(145,116,103)
```
#9a715e
```
#9a715e rgb(154,113,94)
```
#a46d54
```
#a46d54 rgb(164,109,84)
```
#ad6a4b
```
#ad6a4b rgb(173,106,75)
```
#b76641
```
#b76641 rgb(183,102,65)
```
#c06338
```
#c06338 rgb(192,99,56)
```
#ca5f2e
```
#ca5f2e rgb(202,95,46)
```
#d45b24
```
#d45b24 rgb(212,91,36)
```
#dd581b
```
#dd581b rgb(221,88,27)
```
#e75411
```
#e75411 rgb(231,84,17)
```
#f05108
```
#f05108 rgb(240,81,8)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#89746a Atypical Achromatopsia 0.001% of the population

Dichromacy

#928541 Protanopia 1% of men
#a47e31 Deuteranopia 1% of men
#cf6268 Tritanopia 0.001% of the population

Trichromacy

#a6773a Protanomaly 1% of men, 0.01% of women
#b2732f Deuteranomaly 6% of men, 0.4% of women
#cd6052 Tritanomaly 0.01% of the population

#ca5f2e hex color

#ca5f2e Color Information

#ca5f2e Color Conversion

Color Schemes with #ca5f2e

Alternatives to #ca5f2e

#ca5f2e Preview

Shades and Tints of #ca5f2e

Tones of #ca5f2e

Color Blindness Simulator