#c5523e hex color

In a RGB color space, hex #c5523e is composed of 77.3% red, 32.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.4% magenta, 68.5% yellow and 22.7% black. It has a hue angle of 8.9 degrees, a saturation of 53.8% and a lightness of 50.8%. #c5523e color hex could be obtained by blending #ffa47c with #8b0000. Closest websafe color is: #cc6633.

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

● #c5523e color description : Moderate red.

The hexadecimal color #c5523e has RGB values of R:197, G:82, B:62 and CMYK values of C:0, M:0.58, Y:0.69, K:0.23. Its decimal value is 12931646.

Hex triplet	c5523e	`#c5523e`
RGB Decimal	197, 82, 62	`rgb(197,82,62)`
RGB Percent	77.3, 32.2, 24.3	`rgb(77.3%,32.2%,24.3%)`
CMYK	0, 58, 69, 23
HSL	8.9°, 53.8, 50.8	`hsl(8.9,53.8%,50.8%)`
HSV (or HSB)	8.9°, 68.5, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.804, 44.694, 34.64
XYZ	26.914, 18.255, 6.664
xyY	0.519, 0.352, 18.255
CIE-LCH	49.804, 56.546, 37.778
CIE-LUV	49.804, 89.226, 28.436
Hunter-Lab	42.726, 37.668, 20.662
Binary	11000101, 01010010, 00111110

#c5523e
```
#c5523e rgb(197,82,62)
```
#3eb1c5
```
#3eb1c5 rgb(62,177,197)
```

Complementary Color

#c53e6e
```
#c53e6e rgb(197,62,110)
```
#c5523e
```
#c5523e rgb(197,82,62)
```
#c5963e
```
#c5963e rgb(197,150,62)
```

Analogous Color

#3e6ec5
```
#3e6ec5 rgb(62,110,197)
```
#c5523e
```
#c5523e rgb(197,82,62)
```
#3ec596
```
#3ec596 rgb(62,197,150)
```

Split Complementary Color

#523ec5
```
#523ec5 rgb(82,62,197)
```
#c5523e
```
#c5523e rgb(197,82,62)
```
#3ec552
```
#3ec552 rgb(62,197,82)
```

Triadic Color

#c53eb1
```
#c53eb1 rgb(197,62,177)
```
#c5523e
```
#c5523e rgb(197,82,62)
```
#3ec552
```
#3ec552 rgb(62,197,82)
```
#3eb1c5
```
#3eb1c5 rgb(62,177,197)
```

Tetradic Color

#8c392a
```
#8c392a rgb(140,57,42)
```
#a04130
```
#a04130 rgb(160,65,48)
```
#b44936
```
#b44936 rgb(180,73,54)
```
#c5523e
```
#c5523e rgb(197,82,62)
```
#cb6452
```
#cb6452 rgb(203,100,82)
```
#d17565
```
#d17565 rgb(209,117,101)
```
#d78779
```
#d78779 rgb(215,135,121)
```

Monochromatic Color

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

#c53e4c
```
#c53e4c rgb(197,62,76)
```
#c53e41
```
#c53e41 rgb(197,62,65)
```
#c5473e
```
#c5473e rgb(197,71,62)
```
#c5523e
```
#c5523e rgb(197,82,62)
```
#c55d3e
```
#c55d3e rgb(197,93,62)
```
#c5693e
```
#c5693e rgb(197,105,62)
```
#c5743e
```
#c5743e rgb(197,116,62)
```

Similar Colors

Text with hexadecimal color #c5523e

This text has a font color of #c5523e.

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

#c5523e background color

This paragraph has a background color of #c5523e.

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

#c5523e border color

This element has a border color of #c5523e.

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

CSS codes

.text {color:#c5523e;}

.background {background-color:#c5523e;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120705
```
#120705 rgb(18,7,5)
```
#210d0a
```
#210d0a rgb(33,13,10)
```
#30140f
```
#30140f rgb(48,20,15)
```
#3f1a13
```
#3f1a13 rgb(63,26,19)
```
#4e2018
```
#4e2018 rgb(78,32,24)
```
#5e261c
```
#5e261c rgb(94,38,28)
```
#6d2c21
```
#6d2c21 rgb(109,44,33)
```
#7c3225
```
#7c3225 rgb(124,50,37)
```
#8b382a
```
#8b382a rgb(139,56,42)
```
#9a3e2e
```
#9a3e2e rgb(154,62,46)
```
#a94433
```
#a94433 rgb(169,68,51)
```
#b84a37
```
#b84a37 rgb(184,74,55)
```

Shade Color Variation

#c5523e
```
#c5523e rgb(197,82,62)
```
#ca604d
```
#ca604d rgb(202,96,77)
```
#ce6d5c
```
#ce6d5c rgb(206,109,92)
```
#d37b6b
```
#d37b6b rgb(211,123,107)
```
#d7887a
```
#d7887a rgb(215,136,122)
```
#dc9689
```
#dc9689 rgb(220,150,137)
```
#e0a398
```
#e0a398 rgb(224,163,152)
```
#e5b1a8
```
#e5b1a8 rgb(229,177,168)
```
#e9beb7
```
#e9beb7 rgb(233,190,183)
```
#eeccc6
```
#eeccc6 rgb(238,204,198)
```
#f2d9d5
```
#f2d9d5 rgb(242,217,213)
```
#f7e7e4
```
#f7e7e4 rgb(247,231,228)
```
#fbf4f3
```
#fbf4f3 rgb(251,244,243)
```

Tint Color Variation

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

#8b7b78
```
#8b7b78 rgb(139,123,120)
```
#95746e
```
#95746e rgb(149,116,110)
```
#9e6d65
```
#9e6d65 rgb(158,109,101)
```
#a8665b
```
#a8665b rgb(168,102,91)
```
#b26051
```
#b26051 rgb(178,96,81)
```
#bb5948
```
#bb5948 rgb(187,89,72)
```
#c5523e
```
#c5523e rgb(197,82,62)
```
#cf4b34
```
#cf4b34 rgb(207,75,52)
```
#d8442b
```
#d8442b rgb(216,68,43)
```
#e23e21
```
#e23e21 rgb(226,62,33)
```
#ec3717
```
#ec3717 rgb(236,55,23)
```
#f5300e
```
#f5300e rgb(245,48,14)
```
#ff2904
```
#ff2904 rgb(255,41,4)
```

Tone Color Variation

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

Dichromacy

#887d53 Protanopia 1% of men
#997740 Deuteranopia 1% of men
#c9585d Tritanopia 0.001% of the population

Trichromacy

#9e6d4b Protanomaly 1% of men, 0.01% of women
#a96a3f Deuteranomaly 6% of men, 0.4% of women
#c75551 Tritanomaly 0.01% of the population

#c5523e hex color

#c5523e Color Information

#c5523e Color Conversion

Color Schemes with #c5523e

Alternatives to #c5523e

#c5523e Preview

Shades and Tints of #c5523e

Tones of #c5523e

Color Blindness Simulator