#ca5a2f hex color

In a RGB color space, hex #ca5a2f is composed of 79.2% red, 35.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 76.7% yellow and 20.8% black. It has a hue angle of 16.6 degrees, a saturation of 62.2% and a lightness of 48.8%. #ca5a2f color hex could be obtained by blending #ffb45e with #950000. Closest websafe color is: #cc6633.

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

● #ca5a2f color description : Strong orange.

The hexadecimal color #ca5a2f has RGB values of R:202, G:90, B:47 and CMYK values of C:0, M:0.55, Y:0.77, K:0.21. Its decimal value is 13261359.

Hex triplet	ca5a2f	`#ca5a2f`
RGB Decimal	202, 90, 47	`rgb(202,90,47)`
RGB Percent	79.2, 35.3, 18.4	`rgb(79.2%,35.3%,18.4%)`
CMYK	0, 55, 77, 21
HSL	16.6°, 62.2, 48.8	`hsl(16.6,62.2%,48.8%)`
HSV (or HSB)	16.6°, 76.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.924, 41.992, 45.195
XYZ	28.527, 20.077, 5.062
xyY	0.532, 0.374, 20.077
CIE-LCH	51.924, 61.692, 47.104
CIE-LUV	51.924, 89.804, 37.538
Hunter-Lab	44.807, 35.233, 24.667
Binary	11001010, 01011010, 00101111

#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#2f9fca
```
#2f9fca rgb(47,159,202)
```

Complementary Color

#ca2f52
```
#ca2f52 rgb(202,47,82)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#caa82f
```
#caa82f rgb(202,168,47)
```

Analogous Color

#2f52ca
```
#2f52ca rgb(47,82,202)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#2fcaa8
```
#2fcaa8 rgb(47,202,168)
```

Split Complementary Color

#5a2fca
```
#5a2fca rgb(90,47,202)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#2fca5a
```
#2fca5a rgb(47,202,90)
```

Triadic Color

#ca2f9f
```
#ca2f9f rgb(202,47,159)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#2fca5a
```
#2fca5a rgb(47,202,90)
```
#2f9fca
```
#2f9fca rgb(47,159,202)
```

Tetradic Color

#8c3e21
```
#8c3e21 rgb(140,62,33)
```
#a14825
```
#a14825 rgb(161,72,37)
```
#b5512a
```
#b5512a rgb(181,81,42)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#d36940
```
#d36940 rgb(211,105,64)
```
#d77955
```
#d77955 rgb(215,121,85)
```
#dc8969
```
#dc8969 rgb(220,137,105)
```

Monochromatic Color

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

#ca332f
```
#ca332f rgb(202,51,47)
```
#ca402f
```
#ca402f rgb(202,64,47)
```
#ca4d2f
```
#ca4d2f rgb(202,77,47)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#ca672f
```
#ca672f rgb(202,103,47)
```
#ca742f
```
#ca742f rgb(202,116,47)
```
#ca812f
```
#ca812f rgb(202,129,47)
```

Similar Colors

Text with hexadecimal color #ca5a2f

This text has a font color of #ca5a2f.

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

#ca5a2f background color

This paragraph has a background color of #ca5a2f.

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

#ca5a2f border color

This element has a border color of #ca5a2f.

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

CSS codes

.text {color:#ca5a2f;}

.background {background-color:#ca5a2f;}

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

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

#0b0503
```
#0b0503 rgb(11,5,3)
```
#1b0c06
```
#1b0c06 rgb(27,12,6)
```
#2b130a
```
#2b130a rgb(43,19,10)
```
#3b1a0e
```
#3b1a0e rgb(59,26,14)
```
#4b2111
```
#4b2111 rgb(75,33,17)
```
#5b2815
```
#5b2815 rgb(91,40,21)
```
#6b2f19
```
#6b2f19 rgb(107,47,25)
```
#7a371c
```
#7a371c rgb(122,55,28)
```
#8a3e20
```
#8a3e20 rgb(138,62,32)
```
#9a4524
```
#9a4524 rgb(154,69,36)
```
#aa4c28
```
#aa4c28 rgb(170,76,40)
```
#ba532b
```
#ba532b rgb(186,83,43)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```

Shade Color Variation

#d1653b
```
#d1653b rgb(209,101,59)
```
#d5714b
```
#d5714b rgb(213,113,75)
```
#d97e5b
```
#d97e5b rgb(217,126,91)
```
#dd8a6b
```
#dd8a6b rgb(221,138,107)
```
#e0977b
```
#e0977b rgb(224,151,123)
```
#e4a38b
```
#e4a38b rgb(228,163,139)
```
#e8b09b
```
#e8b09b rgb(232,176,155)
```
#ebbdab
```
#ebbdab rgb(235,189,171)
```
#efc9ba
```
#efc9ba rgb(239,201,186)
```
#f3d6ca
```
#f3d6ca rgb(243,214,202)
```
#f6e2da
```
#f6e2da rgb(246,226,218)
```
#faefea
```
#faefea rgb(250,239,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#7d7c7c
```
#7d7c7c rgb(125,124,124)
```
#877872
```
#877872 rgb(135,120,114)
```
#917468
```
#917468 rgb(145,116,104)
```
#9a6f5f
```
#9a6f5f rgb(154,111,95)
```
#a46b55
```
#a46b55 rgb(164,107,85)
```
#ad674c
```
#ad674c rgb(173,103,76)
```
#b76342
```
#b76342 rgb(183,99,66)
```
#c05e39
```
#c05e39 rgb(192,94,57)
```
#ca5a2f
```
#ca5a2f rgb(202,90,47)
```
#d45625
```
#d45625 rgb(212,86,37)
```
#dd511c
```
#dd511c rgb(221,81,28)
```
#e74d12
```
#e74d12 rgb(231,77,18)
```
#f04909
```
#f04909 rgb(240,73,9)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#887169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8243 Protanopia 1% of men
#a17c31 Deuteranopia 1% of men
#ce5d63 Tritanopia 0.001% of the population

Trichromacy

#a5733b Protanomaly 1% of men, 0.01% of women
#b06f30 Deuteranomaly 6% of men, 0.4% of women
#cc5c50 Tritanomaly 0.01% of the population

#ca5a2f hex color

#ca5a2f Color Information

#ca5a2f Color Conversion

Color Schemes with #ca5a2f

Alternatives to #ca5a2f

#ca5a2f Preview

Shades and Tints of #ca5a2f

Tones of #ca5a2f

Color Blindness Simulator