#ca522c hex color

In a RGB color space, hex #ca522c is composed of 79.2% red, 32.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 78.2% yellow and 20.8% black. It has a hue angle of 14.4 degrees, a saturation of 64.2% and a lightness of 48.2%. #ca522c color hex could be obtained by blending #ffa458 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 32
- B 17
RGB color chart
- C 0
- M 59
- Y 78
- K 21
CMYK color chart

● #ca522c color description : Strong red.

The hexadecimal color #ca522c has RGB values of R:202, G:82, B:44 and CMYK values of C:0, M:0.59, Y:0.78, K:0.21. Its decimal value is 13259308.

Hex triplet	ca522c	`#ca522c`
RGB Decimal	202, 82, 44	`rgb(202,82,44)`
RGB Percent	79.2, 32.2, 17.3	`rgb(79.2%,32.2%,17.3%)`
CMYK	0, 59, 78, 21
HSL	14.4°, 64.2, 48.2	`hsl(14.4,64.2%,48.2%)`
HSV (or HSB)	14.4°, 78.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.424, 45.708, 45.165
XYZ	27.83, 18.776, 4.541
xyY	0.544, 0.367, 18.776
CIE-LCH	50.424, 64.258, 44.657
CIE-LUV	50.424, 96.168, 35.844
Hunter-Lab	43.331, 38.815, 24.118
Binary	11001010, 01010010, 00101100

#ca522c
```
#ca522c rgb(202,82,44)
```
#2ca4ca
```
#2ca4ca rgb(44,164,202)
```

Complementary Color

#ca2c55
```
#ca2c55 rgb(202,44,85)
```
#ca522c
```
#ca522c rgb(202,82,44)
```
#caa12c
```
#caa12c rgb(202,161,44)
```

Analogous Color

#2c55ca
```
#2c55ca rgb(44,85,202)
```
#ca522c
```
#ca522c rgb(202,82,44)
```
#2ccaa1
```
#2ccaa1 rgb(44,202,161)
```

Split Complementary Color

#522cca
```
#522cca rgb(82,44,202)
```
#ca522c
```
#ca522c rgb(202,82,44)
```
#2cca52
```
#2cca52 rgb(44,202,82)
```

Triadic Color

#ca2ca4
```
#ca2ca4 rgb(202,44,164)
```
#ca522c
```
#ca522c rgb(202,82,44)
```
#2cca52
```
#2cca52 rgb(44,202,82)
```
#2ca4ca
```
#2ca4ca rgb(44,164,202)
```

Tetradic Color

#8b391e
```
#8b391e rgb(139,57,30)
```
#a04123
```
#a04123 rgb(160,65,35)
```
#b54a27
```
#b54a27 rgb(181,74,39)
```
#ca522c
```
#ca522c rgb(202,82,44)
```
#d4603b
```
#d4603b rgb(212,96,59)
```
#d97150
```
#d97150 rgb(217,113,80)
```
#dd8265
```
#dd8265 rgb(221,130,101)
```

Monochromatic Color

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

#ca2c2e
```
#ca2c2e rgb(202,44,46)
```
#ca382c
```
#ca382c rgb(202,56,44)
```
#ca452c
```
#ca452c rgb(202,69,44)
```
#ca522c
```
#ca522c rgb(202,82,44)
```
#ca5f2c
```
#ca5f2c rgb(202,95,44)
```
#ca6c2c
```
#ca6c2c rgb(202,108,44)
```
#ca7a2c
```
#ca7a2c rgb(202,122,44)
```

Similar Colors

Text with hexadecimal color #ca522c

This text has a font color of #ca522c.

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

#ca522c background color

This paragraph has a background color of #ca522c.

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

#ca522c border color

This element has a border color of #ca522c.

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

CSS codes

.text {color:#ca522c;}

.background {background-color:#ca522c;}

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

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 #fdf9f8 is the lightest one.

#090402
```
#090402 rgb(9,4,2)
```
#190a05
```
#190a05 rgb(25,10,5)
```
#291109
```
#291109 rgb(41,17,9)
```
#39170c
```
#39170c rgb(57,23,12)
```
#491e10
```
#491e10 rgb(73,30,16)
```
#592413
```
#592413 rgb(89,36,19)
```
#692b17
```
#692b17 rgb(105,43,23)
```
#79311a
```
#79311a rgb(121,49,26)
```
#8a381e
```
#8a381e rgb(138,56,30)
```
#9a3e21
```
#9a3e21 rgb(154,62,33)
```
#aa4525
```
#aa4525 rgb(170,69,37)
```
#ba4b28
```
#ba4b28 rgb(186,75,40)
```
#ca522c
```
#ca522c rgb(202,82,44)
```

Shade Color Variation

#d35c36
```
#d35c36 rgb(211,92,54)
```
#d76946
```
#d76946 rgb(215,105,70)
```
#da7657
```
#da7657 rgb(218,118,87)
```
#de8367
```
#de8367 rgb(222,131,103)
```
#e19077
```
#e19077 rgb(225,144,119)
```
#e59d87
```
#e59d87 rgb(229,157,135)
```
#e8ab97
```
#e8ab97 rgb(232,171,151)
```
#ecb8a7
```
#ecb8a7 rgb(236,184,167)
```
#efc5b7
```
#efc5b7 rgb(239,197,183)
```
#f3d2c7
```
#f3d2c7 rgb(243,210,199)
```
#f6dfd7
```
#f6dfd7 rgb(246,223,215)
```
#faece8
```
#faece8 rgb(250,236,232)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#7e7978
```
#7e7978 rgb(126,121,120)
```
#88746e
```
#88746e rgb(136,116,110)
```
#916f65
```
#916f65 rgb(145,111,101)
```
#9b6b5b
```
#9b6b5b rgb(155,107,91)
```
#a46652
```
#a46652 rgb(164,102,82)
```
#ae6148
```
#ae6148 rgb(174,97,72)
```
#b75c3f
```
#b75c3f rgb(183,92,63)
```
#c15735
```
#c15735 rgb(193,87,53)
```
#ca522c
```
#ca522c rgb(202,82,44)
```
#d34d23
```
#d34d23 rgb(211,77,35)
```
#dd4819
```
#dd4819 rgb(221,72,25)
```
#e64310
```
#e64310 rgb(230,67,16)
```
#f03e06
```
#f03e06 rgb(240,62,6)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7f41 Protanopia 1% of men
#9d792d Deuteranopia 1% of men
#ce565b Tritanopia 0.001% of the population

Trichromacy

#a26e39 Protanomaly 1% of men, 0.01% of women
#ad6a2c Deuteranomaly 6% of men, 0.4% of women
#cc544a Tritanomaly 0.01% of the population

#ca522c hex color

#ca522c Color Information

#ca522c Color Conversion

Color Schemes with #ca522c

Alternatives to #ca522c

#ca522c Preview

Shades and Tints of #ca522c

Tones of #ca522c

Color Blindness Simulator