#ca5a2d hex color

In a RGB color space, hex #ca5a2d is composed of 79.2% red, 35.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 77.7% yellow and 20.8% black. It has a hue angle of 17.2 degrees, a saturation of 63.6% and a lightness of 48.4%. #ca5a2d color hex could be obtained by blending #ffb45a with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 35
- B 18
RGB color chart
- C 0
- M 55
- Y 78
- K 21
CMYK color chart

● #ca5a2d color description : Strong orange.

The hexadecimal color #ca5a2d has RGB values of R:202, G:90, B:45 and CMYK values of C:0, M:0.55, Y:0.78, K:0.21. Its decimal value is 13261357.

Hex triplet	ca5a2d	`#ca5a2d`
RGB Decimal	202, 90, 45	`rgb(202,90,45)`
RGB Percent	79.2, 35.3, 17.6	`rgb(79.2%,35.3%,17.6%)`
CMYK	0, 55, 78, 21
HSL	17.2°, 63.6, 48.4	`hsl(17.2,63.6%,48.4%)`
HSV (or HSB)	17.2°, 77.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.906, 41.915, 46.161
XYZ	28.488, 20.061, 4.855
xyY	0.533, 0.376, 20.061
CIE-LCH	51.906, 62.352, 47.76
CIE-LUV	51.906, 90.047, 38.17
Hunter-Lab	44.79, 35.151, 24.927
Binary	11001010, 01011010, 00101101

#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#2d9dca
```
#2d9dca rgb(45,157,202)
```

Complementary Color

#ca2d4f
```
#ca2d4f rgb(202,45,79)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#caa92d
```
#caa92d rgb(202,169,45)
```

Analogous Color

#2d4fca
```
#2d4fca rgb(45,79,202)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#2dcaa9
```
#2dcaa9 rgb(45,202,169)
```

Split Complementary Color

#5a2dca
```
#5a2dca rgb(90,45,202)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#2dca5a
```
#2dca5a rgb(45,202,90)
```

Triadic Color

#ca2d9d
```
#ca2d9d rgb(202,45,157)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#2dca5a
```
#2dca5a rgb(45,202,90)
```
#2d9dca
```
#2d9dca rgb(45,157,202)
```

Tetradic Color

#8b3e1f
```
#8b3e1f rgb(139,62,31)
```
#a04724
```
#a04724 rgb(160,71,36)
```
#b55128
```
#b55128 rgb(181,81,40)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#d4683d
```
#d4683d rgb(212,104,61)
```
#d87852
```
#d87852 rgb(216,120,82)
```
#dd8866
```
#dd8866 rgb(221,136,102)
```

Monochromatic Color

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

#ca332d
```
#ca332d rgb(202,51,45)
```
#ca402d
```
#ca402d rgb(202,64,45)
```
#ca4d2d
```
#ca4d2d rgb(202,77,45)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#ca672d
```
#ca672d rgb(202,103,45)
```
#ca742d
```
#ca742d rgb(202,116,45)
```
#ca812d
```
#ca812d rgb(202,129,45)
```

Similar Colors

Text with hexadecimal color #ca5a2d

This text has a font color of #ca5a2d.

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

#ca5a2d background color

This paragraph has a background color of #ca5a2d.

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

#ca5a2d border color

This element has a border color of #ca5a2d.

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

CSS codes

.text {color:#ca5a2d;}

.background {background-color:#ca5a2d;}

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

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

#090402
```
#090402 rgb(9,4,2)
```
#1a0b06
```
#1a0b06 rgb(26,11,6)
```
#2a1309
```
#2a1309 rgb(42,19,9)
```
#3a1a0d
```
#3a1a0d rgb(58,26,13)
```
#4a2110
```
#4a2110 rgb(74,33,16)
```
#5a2814
```
#5a2814 rgb(90,40,20)
```
#6a2f18
```
#6a2f18 rgb(106,47,24)
```
#7a361b
```
#7a361b rgb(122,54,27)
```
#8a3d1f
```
#8a3d1f rgb(138,61,31)
```
#9a4522
```
#9a4522 rgb(154,69,34)
```
#aa4c26
```
#aa4c26 rgb(170,76,38)
```
#ba5329
```
#ba5329 rgb(186,83,41)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```

Shade Color Variation

#d36438
```
#d36438 rgb(211,100,56)
```
#d67148
```
#d67148 rgb(214,113,72)
```
#da7d58
```
#da7d58 rgb(218,125,88)
```
#dd8a68
```
#dd8a68 rgb(221,138,104)
```
#e19678
```
#e19678 rgb(225,150,120)
```
#e5a388
```
#e5a388 rgb(229,163,136)
```
#e8af98
```
#e8af98 rgb(232,175,152)
```
#ecbca8
```
#ecbca8 rgb(236,188,168)
```
#efc8b8
```
#efc8b8 rgb(239,200,184)
```
#f3d5c8
```
#f3d5c8 rgb(243,213,200)
```
#f6e1d8
```
#f6e1d8 rgb(246,225,216)
```
#faede8
```
#faede8 rgb(250,237,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#7e7a79
```
#7e7a79 rgb(126,122,121)
```
#887670
```
#887670 rgb(136,118,112)
```
#917266
```
#917266 rgb(145,114,102)
```
#9b6e5d
```
#9b6e5d rgb(155,110,93)
```
#a46a53
```
#a46a53 rgb(164,106,83)
```
#ae664a
```
#ae664a rgb(174,102,74)
```
#b76240
```
#b76240 rgb(183,98,64)
```
#c15e37
```
#c15e37 rgb(193,94,55)
```
#ca5a2d
```
#ca5a2d rgb(202,90,45)
```
#d45624
```
#d45624 rgb(212,86,36)
```
#dd521a
```
#dd521a rgb(221,82,26)
```
#e74e11
```
#e74e11 rgb(231,78,17)
```
#f04a07
```
#f04a07 rgb(240,74,7)
```

Tone Color Variation

Below, you can see how #ca5a2d 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
#877067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908240 Protanopia 1% of men
#a17c2f Deuteranopia 1% of men
#ce5d63 Tritanopia 0.001% of the population

Trichromacy

#a57339 Protanomaly 1% of men, 0.01% of women
#b06f2e Deuteranomaly 6% of men, 0.4% of women
#cd5c4f Tritanomaly 0.01% of the population

#ca5a2d hex color

#ca5a2d Color Information

#ca5a2d Color Conversion

Color Schemes with #ca5a2d

Alternatives to #ca5a2d

#ca5a2d Preview

Shades and Tints of #ca5a2d

Tones of #ca5a2d

Color Blindness Simulator