colorhexa.com

#ca5f35 hex color

In a RGB color space, hex #ca5f35 is composed of 79.2% red, 37.3% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 73.8% yellow and 20.8% black. It has a hue angle of 16.9 degrees, a saturation of 58.4% and a lightness of 50%. #ca5f35 color hex could be obtained by blending #ffbe6a with #950000. Closest websafe color is: #cc6633.

- R 79
- G 37
- B 21
RGB color chart
- C 0
- M 53
- Y 74
- K 21
CMYK color chart

● #ca5f35 color description : Moderate orange.

The hexadecimal color #ca5f35 has RGB values of R:202, G:95, B:53 and CMYK values of C:0, M:0.53, Y:0.74, K:0.21. Its decimal value is 13262645.

Hex triplet	ca5f35	`#ca5f35`
RGB Decimal	202, 95, 53	`rgb(202,95,53)`
RGB Percent	79.2, 37.3, 20.8	`rgb(79.2%,37.3%,20.8%)`
CMYK	0, 53, 74, 21
HSL	16.9°, 58.4, 50	`hsl(16.9,58.4%,50%)`
HSV (or HSB)	16.9°, 73.8, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.95, 39.767, 43.243
XYZ	29.093, 21.001, 5.89
xyY	0.52, 0.375, 21.001
CIE-LCH	52.95, 58.748, 47.398
CIE-LUV	52.95, 85.24, 37.247
Hunter-Lab	45.827, 33.124, 24.459
Binary	11001010, 01011111, 00110101

#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#35a0ca
```
#35a0ca rgb(53,160,202)
```

Complementary Color

#ca3555
```
#ca3555 rgb(202,53,85)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#caaa35
```
#caaa35 rgb(202,170,53)
```

Analogous Color

#3555ca
```
#3555ca rgb(53,85,202)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#35caaa
```
#35caaa rgb(53,202,170)
```

Split Complementary Color

#5f35ca
```
#5f35ca rgb(95,53,202)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#35ca5f
```
#35ca5f rgb(53,202,95)
```

Triadic Color

#ca35a0
```
#ca35a0 rgb(202,53,160)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#35ca5f
```
#35ca5f rgb(53,202,95)
```
#35a0ca
```
#35a0ca rgb(53,160,202)
```

Tetradic Color

#8d4325
```
#8d4325 rgb(141,67,37)
```
#a24c2a
```
#a24c2a rgb(162,76,42)
```
#b65630
```
#b65630 rgb(182,86,48)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#cf6f49
```
#cf6f49 rgb(207,111,73)
```
#d57f5d
```
#d57f5d rgb(213,127,93)
```
#da8f72
```
#da8f72 rgb(218,143,114)
```

Monochromatic Color

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

#ca3a35
```
#ca3a35 rgb(202,58,53)
```
#ca4635
```
#ca4635 rgb(202,70,53)
```
#ca5335
```
#ca5335 rgb(202,83,53)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#ca6b35
```
#ca6b35 rgb(202,107,53)
```
#ca7835
```
#ca7835 rgb(202,120,53)
```
#ca8435
```
#ca8435 rgb(202,132,53)
```

Similar Colors

Text with hexadecimal color #ca5f35

This text has a font color of #ca5f35.

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

#ca5f35 background color

This paragraph has a background color of #ca5f35.

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

#ca5f35 border color

This element has a border color of #ca5f35.

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

CSS codes

.text {color:#ca5f35;}

.background {background-color:#ca5f35;}

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

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, #100704 is the darkest color, while #ffffff is the lightest one.

#100704
```
#100704 rgb(16,7,4)
```
#1f0f08
```
#1f0f08 rgb(31,15,8)
```
#2f160c
```
#2f160c rgb(47,22,12)
```
#3e1d10
```
#3e1d10 rgb(62,29,16)
```
#4e2514
```
#4e2514 rgb(78,37,20)
```
#5d2c18
```
#5d2c18 rgb(93,44,24)
```
#6d331d
```
#6d331d rgb(109,51,29)
```
#7c3a21
```
#7c3a21 rgb(124,58,33)
```
#8c4225
```
#8c4225 rgb(140,66,37)
```
#9b4929
```
#9b4929 rgb(155,73,41)
```
#ab502d
```
#ab502d rgb(171,80,45)
```
#ba5831
```
#ba5831 rgb(186,88,49)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```

Shade Color Variation

#ce6b45
```
#ce6b45 rgb(206,107,69)
```
#d27854
```
#d27854 rgb(210,120,84)
```
#d68464
```
#d68464 rgb(214,132,100)
```
#da9073
```
#da9073 rgb(218,144,115)
```
#de9d83
```
#de9d83 rgb(222,157,131)
```
#e2a992
```
#e2a992 rgb(226,169,146)
```
#e7b5a2
```
#e7b5a2 rgb(231,181,162)
```
#ebc1b1
```
#ebc1b1 rgb(235,193,177)
```
#efcec1
```
#efcec1 rgb(239,206,193)
```
#f3dad0
```
#f3dad0 rgb(243,218,208)
```
#f7e6e0
```
#f7e6e0 rgb(247,230,224)
```
#fbf3ef
```
#fbf3ef rgb(251,243,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857d7a
```
#857d7a rgb(133,125,122)
```
#8f7970
```
#8f7970 rgb(143,121,112)
```
#997466
```
#997466 rgb(153,116,102)
```
#a3705c
```
#a3705c rgb(163,112,92)
```
#ad6c52
```
#ad6c52 rgb(173,108,82)
```
#b66849
```
#b66849 rgb(182,104,73)
```
#c0633f
```
#c0633f rgb(192,99,63)
```
#ca5f35
```
#ca5f35 rgb(202,95,53)
```
#d45b2b
```
#d45b2b rgb(212,91,43)
```
#de5621
```
#de5621 rgb(222,86,33)
```
#e75218
```
#e75218 rgb(231,82,24)
```
#f14e0e
```
#f14e0e rgb(241,78,14)
```
#fb4a04
```
#fb4a04 rgb(251,74,4)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8a756c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928548 Protanopia 1% of men
#a47e38 Deuteranopia 1% of men
#ce6268 Tritanopia 0.001% of the population

Trichromacy

#a67741 Protanomaly 1% of men, 0.01% of women
#b17337 Deuteranomaly 6% of men, 0.4% of women
#cd6155 Tritanomaly 0.01% of the population