#c5522d hex color

In a RGB color space, hex #c5522d is composed of 77.3% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.4% magenta, 77.2% yellow and 22.7% black. It has a hue angle of 14.6 degrees, a saturation of 62.8% and a lightness of 47.5%. #c5522d color hex could be obtained by blending #ffa45a with #8b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 32
- B 18
RGB color chart
- C 0
- M 58
- Y 77
- K 23
CMYK color chart

● #c5522d color description : Strong red.

The hexadecimal color #c5522d has RGB values of R:197, G:82, B:45 and CMYK values of C:0, M:0.58, Y:0.77, K:0.23. Its decimal value is 12931629.

Hex triplet	c5522d	`#c5522d`
RGB Decimal	197, 82, 45	`rgb(197,82,45)`
RGB Percent	77.3, 32.2, 17.6	`rgb(77.3%,32.2%,17.6%)`
CMYK	0, 58, 77, 23
HSL	14.6°, 62.8, 47.5	`hsl(14.6,62.8%,47.5%)`
HSV (or HSB)	14.6°, 77.2, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.614, 43.899, 43.576
XYZ	26.518, 18.097, 4.579
xyY	0.539, 0.368, 18.097
CIE-LCH	49.614, 61.854, 44.788
CIE-LUV	49.614, 91.876, 34.943
Hunter-Lab	42.541, 36.823, 23.396
Binary	11000101, 01010010, 00101101

#c5522d
```
#c5522d rgb(197,82,45)
```
#2da0c5
```
#2da0c5 rgb(45,160,197)
```

Complementary Color

#c52d54
```
#c52d54 rgb(197,45,84)
```
#c5522d
```
#c5522d rgb(197,82,45)
```
#c59e2d
```
#c59e2d rgb(197,158,45)
```

Analogous Color

#2d54c5
```
#2d54c5 rgb(45,84,197)
```
#c5522d
```
#c5522d rgb(197,82,45)
```
#2dc59e
```
#2dc59e rgb(45,197,158)
```

Split Complementary Color

#522dc5
```
#522dc5 rgb(82,45,197)
```
#c5522d
```
#c5522d rgb(197,82,45)
```
#2dc552
```
#2dc552 rgb(45,197,82)
```

Triadic Color

#c52da0
```
#c52da0 rgb(197,45,160)
```
#c5522d
```
#c5522d rgb(197,82,45)
```
#2dc552
```
#2dc552 rgb(45,197,82)
```
#2da0c5
```
#2da0c5 rgb(45,160,197)
```

Tetradic Color

#87381f
```
#87381f rgb(135,56,31)
```
#9b4124
```
#9b4124 rgb(155,65,36)
```
#b04928
```
#b04928 rgb(176,73,40)
```
#c5522d
```
#c5522d rgb(197,82,45)
```
#d25f3a
```
#d25f3a rgb(210,95,58)
```
#d7704e
```
#d7704e rgb(215,112,78)
```
#db8063
```
#db8063 rgb(219,128,99)
```

Monochromatic Color

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

#c52d2e
```
#c52d2e rgb(197,45,46)
```
#c5392d
```
#c5392d rgb(197,57,45)
```
#c5452d
```
#c5452d rgb(197,69,45)
```
#c5522d
```
#c5522d rgb(197,82,45)
```
#c55f2d
```
#c55f2d rgb(197,95,45)
```
#c56b2d
```
#c56b2d rgb(197,107,45)
```
#c5782d
```
#c5782d rgb(197,120,45)
```

Similar Colors

Text with hexadecimal color #c5522d

This text has a font color of #c5522d.

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

#c5522d background color

This paragraph has a background color of #c5522d.

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

#c5522d border color

This element has a border color of #c5522d.

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

CSS codes

.text {color:#c5522d;}

.background {background-color:#c5522d;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#150905
```
#150905 rgb(21,9,5)
```
#251009
```
#251009 rgb(37,16,9)
```
#35160c
```
#35160c rgb(53,22,12)
```
#451d10
```
#451d10 rgb(69,29,16)
```
#552313
```
#552313 rgb(85,35,19)
```
#652a17
```
#652a17 rgb(101,42,23)
```
#75311b
```
#75311b rgb(117,49,27)
```
#85371e
```
#85371e rgb(133,55,30)
```
#953e22
```
#953e22 rgb(149,62,34)
```
#a54526
```
#a54526 rgb(165,69,38)
```
#b54b29
```
#b54b29 rgb(181,75,41)
```
#c5522d
```
#c5522d rgb(197,82,45)
```

Shade Color Variation

#d15b35
```
#d15b35 rgb(209,91,53)
```
#d46845
```
#d46845 rgb(212,104,69)
```
#d87555
```
#d87555 rgb(216,117,85)
```
#dc8265
```
#dc8265 rgb(220,130,101)
```
#df8f75
```
#df8f75 rgb(223,143,117)
```
#e39c85
```
#e39c85 rgb(227,156,133)
```
#e7a995
```
#e7a995 rgb(231,169,149)
```
#eab6a5
```
#eab6a5 rgb(234,182,165)
```
#eec3b5
```
#eec3b5 rgb(238,195,181)
```
#f2cfc5
```
#f2cfc5 rgb(242,207,197)
```
#f5dcd4
```
#f5dcd4 rgb(245,220,212)
```
#f9e9e4
```
#f9e9e4 rgb(249,233,228)
```
#fdf6f4
```
#fdf6f4 rgb(253,246,244)
```

Tint Color Variation

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

#7b7877
```
#7b7877 rgb(123,120,119)
```
#84736e
```
#84736e rgb(132,115,110)
```
#8d6f65
```
#8d6f65 rgb(141,111,101)
```
#966a5c
```
#966a5c rgb(150,106,92)
```
#a06552
```
#a06552 rgb(160,101,82)
```
#a96049
```
#a96049 rgb(169,96,73)
```
#b25c40
```
#b25c40 rgb(178,92,64)
```
#bc5736
```
#bc5736 rgb(188,87,54)
```
#c5522d
```
#c5522d rgb(197,82,45)
```
#ce4d24
```
#ce4d24 rgb(206,77,36)
```
#d8481a
```
#d8481a rgb(216,72,26)
```
#e14411
```
#e14411 rgb(225,68,17)
```
#ea3f08
```
#ea3f08 rgb(234,63,8)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#816a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897d41 Protanopia 1% of men
#9a772f Deuteranopia 1% of men
#c9565b Tritanopia 0.001% of the population

Trichromacy

#9f6d3a Protanomaly 1% of men, 0.01% of women
#aa692e Deuteranomaly 6% of men, 0.4% of women
#c7554a Tritanomaly 0.01% of the population

#c5522d hex color

#c5522d Color Information

#c5522d Color Conversion

Color Schemes with #c5522d

Alternatives to #c5522d

#c5522d Preview

Shades and Tints of #c5522d

Tones of #c5522d

Color Blindness Simulator