#ca745f hex color

In a RGB color space, hex #ca745f is composed of 79.2% red, 45.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.6% magenta, 53% yellow and 20.8% black. It has a hue angle of 11.8 degrees, a saturation of 50.2% and a lightness of 58.2%. #ca745f color hex could be obtained by blending #ffe8be with #950000. Closest websafe color is: #cc6666.

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

● #ca745f color description : Moderate red.

The hexadecimal color #ca745f has RGB values of R:202, G:116, B:95 and CMYK values of C:0, M:0.43, Y:0.53, K:0.21. Its decimal value is 13268063.

Hex triplet	ca745f	`#ca745f`
RGB Decimal	202, 116, 95	`rgb(202,116,95)`
RGB Percent	79.2, 45.5, 37.3	`rgb(79.2%,45.5%,37.3%)`
CMYK	0, 43, 53, 21
HSL	11.8°, 50.2, 58.2	`hsl(11.8,50.2%,58.2%)`
HSV (or HSB)	11.8°, 53, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.919, 31.625, 26.262
XYZ	32.669, 25.876, 14.1
xyY	0.45, 0.356, 25.876
CIE-LCH	57.919, 41.107, 39.707
CIE-LUV	57.919, 63.496, 26.003
Hunter-Lab	50.868, 25.616, 19.174
Binary	11001010, 01110100, 01011111

#ca745f
```
#ca745f rgb(202,116,95)
```
#5fb5ca
```
#5fb5ca rgb(95,181,202)
```

Complementary Color

#ca5f80
```
#ca5f80 rgb(202,95,128)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#caaa5f
```
#caaa5f rgb(202,170,95)
```

Analogous Color

#5f80ca
```
#5f80ca rgb(95,128,202)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#5fcaaa
```
#5fcaaa rgb(95,202,170)
```

Split Complementary Color

#745fca
```
#745fca rgb(116,95,202)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#5fca74
```
#5fca74 rgb(95,202,116)
```

Triadic Color

#ca5fb5
```
#ca5fb5 rgb(202,95,181)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#5fca74
```
#5fca74 rgb(95,202,116)
```
#5fb5ca
```
#5fb5ca rgb(95,181,202)
```

Tetradic Color

#a64d37
```
#a64d37 rgb(166,77,55)
```
#b9553d
```
#b9553d rgb(185,85,61)
```
#c4634c
```
#c4634c rgb(196,99,76)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#d08572
```
#d08572 rgb(208,133,114)
```
#d79585
```
#d79585 rgb(215,149,133)
```
#dda698
```
#dda698 rgb(221,166,152)
```

Monochromatic Color

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

#ca5f65
```
#ca5f65 rgb(202,95,101)
```
#ca625f
```
#ca625f rgb(202,98,95)
```
#ca6b5f
```
#ca6b5f rgb(202,107,95)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#ca7d5f
```
#ca7d5f rgb(202,125,95)
```
#ca865f
```
#ca865f rgb(202,134,95)
```
#ca8f5f
```
#ca8f5f rgb(202,143,95)
```

Similar Colors

Text with hexadecimal color #ca745f

This text has a font color of #ca745f.

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

#ca745f background color

This paragraph has a background color of #ca745f.

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

#ca745f border color

This element has a border color of #ca745f.

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

CSS codes

.text {color:#ca745f;}

.background {background-color:#ca745f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110806
```
#110806 rgb(17,8,6)
```
#200f0a
```
#200f0a rgb(32,15,10)
```
#2e150f
```
#2e150f rgb(46,21,15)
```
#3d1c14
```
#3d1c14 rgb(61,28,20)
```
#4c2319
```
#4c2319 rgb(76,35,25)
```
#5a2a1e
```
#5a2a1e rgb(90,42,30)
```
#693123
```
#693123 rgb(105,49,35)
```
#783728
```
#783728 rgb(120,55,40)
```
#873e2d
```
#873e2d rgb(135,62,45)
```
#954531
```
#954531 rgb(149,69,49)
```
#a44c36
```
#a44c36 rgb(164,76,54)
```
#b3533b
```
#b3533b rgb(179,83,59)
```

Shade Color Variation

#c05a42
```
#c05a42 rgb(192,90,66)
```
#c56750
```
#c56750 rgb(197,103,80)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#cf816e
```
#cf816e rgb(207,129,110)
```
#d48e7c
```
#d48e7c rgb(212,142,124)
```
#d99a8b
```
#d99a8b rgb(217,154,139)
```
#dea79a
```
#dea79a rgb(222,167,154)
```
#e2b4a9
```
#e2b4a9 rgb(226,180,169)
```
#e7c1b7
```
#e7c1b7 rgb(231,193,183)
```
#eccec6
```
#eccec6 rgb(236,206,198)
```
#f1dad5
```
#f1dad5 rgb(241,218,213)
```
#f6e7e4
```
#f6e7e4 rgb(246,231,228)
```
#fbf4f2
```
#fbf4f2 rgb(251,244,242)
```

Tint Color Variation

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

#999290
```
#999290 rgb(153,146,144)
```
#a18d88
```
#a18d88 rgb(161,141,136)
```
#a98880
```
#a98880 rgb(169,136,128)
```
#b18378
```
#b18378 rgb(177,131,120)
```
#ba7e6f
```
#ba7e6f rgb(186,126,111)
```
#c27967
```
#c27967 rgb(194,121,103)
```
#ca745f
```
#ca745f rgb(202,116,95)
```
#d26f57
```
#d26f57 rgb(210,111,87)
```
#da6a4f
```
#da6a4f rgb(218,106,79)
```
#e36546
```
#e36546 rgb(227,101,70)
```
#eb603e
```
#eb603e rgb(235,96,62)
```
#f35b36
```
#f35b36 rgb(243,91,54)
```
#fb562e
```
#fb562e rgb(251,86,46)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#988682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a906f Protanopia 1% of men
#ac8b63 Deuteranopia 1% of men
#ce777f Tritanopia 0.001% of the population

Trichromacy

#ac8669 Protanomaly 1% of men, 0.01% of women
#b78261 Deuteranomaly 6% of men, 0.4% of women
#cc7673 Tritanomaly 0.01% of the population

#ca745f hex color

#ca745f Color Information

#ca745f Color Conversion

Color Schemes with #ca745f

Alternatives to #ca745f

#ca745f Preview

Shades and Tints of #ca745f

Tones of #ca745f

Color Blindness Simulator