#cc5a49 hex color

In a RGB color space, hex #cc5a49 is composed of 80% red, 35.3% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.9% magenta, 64.2% yellow and 20% black. It has a hue angle of 7.8 degrees, a saturation of 56.2% and a lightness of 54.3%. #cc5a49 color hex could be obtained by blending #ffb492 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 35
- B 29
RGB color chart
- C 0
- M 56
- Y 64
- K 20
CMYK color chart

● #cc5a49 color description : Moderate red.

The hexadecimal color #cc5a49 has RGB values of R:204, G:90, B:73 and CMYK values of C:0, M:0.56, Y:0.64, K:0.2. Its decimal value is 13392457.

Hex triplet	cc5a49	`#cc5a49`
RGB Decimal	204, 90, 73	`rgb(204,90,73)`
RGB Percent	80, 35.3, 28.6	`rgb(80%,35.3%,28.6%)`
CMYK	0, 56, 64, 20
HSL	7.8°, 56.2, 54.3	`hsl(7.8,56.2%,54.3%)`
HSV (or HSB)	7.8°, 64.2, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.546, 44.071, 31.98
XYZ	29.762, 20.634, 8.718
xyY	0.503, 0.349, 20.634
CIE-LCH	52.546, 54.451, 35.966
CIE-LUV	52.546, 87.395, 27.223
Hunter-Lab	45.424, 37.459, 20.417
Binary	11001100, 01011010, 01001001

#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#49bbcc
```
#49bbcc rgb(73,187,204)
```

Complementary Color

#cc497a
```
#cc497a rgb(204,73,122)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#cc9c49
```
#cc9c49 rgb(204,156,73)
```

Analogous Color

#497acc
```
#497acc rgb(73,122,204)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#49cc9c
```
#49cc9c rgb(73,204,156)
```

Split Complementary Color

#5a49cc
```
#5a49cc rgb(90,73,204)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#49cc5a
```
#49cc5a rgb(73,204,90)
```

Triadic Color

#cc49bb
```
#cc49bb rgb(204,73,187)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#49cc5a
```
#49cc5a rgb(73,204,90)
```
#49bbcc
```
#49bbcc rgb(73,187,204)
```

Tetradic Color

#9d3b2c
```
#9d3b2c rgb(157,59,44)
```
#b14231
```
#b14231 rgb(177,66,49)
```
#c44937
```
#c44937 rgb(196,73,55)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#d26c5d
```
#d26c5d rgb(210,108,93)
```
#d77e71
```
#d77e71 rgb(215,126,113)
```
#dd9085
```
#dd9085 rgb(221,144,133)
```

Monochromatic Color

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

#cc4959
```
#cc4959 rgb(204,73,89)
```
#cc494e
```
#cc494e rgb(204,73,78)
```
#cc4f49
```
#cc4f49 rgb(204,79,73)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#cc6549
```
#cc6549 rgb(204,101,73)
```
#cc7049
```
#cc7049 rgb(204,112,73)
```
#cc7b49
```
#cc7b49 rgb(204,123,73)
```

Similar Colors

Text with hexadecimal color #cc5a49

This text has a font color of #cc5a49.

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

#cc5a49 background color

This paragraph has a background color of #cc5a49.

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

#cc5a49 border color

This element has a border color of #cc5a49.

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

CSS codes

.text {color:#cc5a49;}

.background {background-color:#cc5a49;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110605
```
#110605 rgb(17,6,5)
```
#210c09
```
#210c09 rgb(33,12,9)
```
#30120d
```
#30120d rgb(48,18,13)
```
#3f1812
```
#3f1812 rgb(63,24,18)
```
#4e1d16
```
#4e1d16 rgb(78,29,22)
```
#5e231a
```
#5e231a rgb(94,35,26)
```
#6d291f
```
#6d291f rgb(109,41,31)
```
#7c2e23
```
#7c2e23 rgb(124,46,35)
```
#8c3427
```
#8c3427 rgb(140,52,39)
```
#9b3a2b
```
#9b3a2b rgb(155,58,43)
```
#aa4030
```
#aa4030 rgb(170,64,48)
```
#ba4534
```
#ba4534 rgb(186,69,52)
```

Shade Color Variation

#c84c3a
```
#c84c3a rgb(200,76,58)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#d06858
```
#d06858 rgb(208,104,88)
```
#d57668
```
#d57668 rgb(213,118,104)
```
#d98477
```
#d98477 rgb(217,132,119)
```
#dd9286
```
#dd9286 rgb(221,146,134)
```
#e19f96
```
#e19f96 rgb(225,159,150)
```
#e6ada5
```
#e6ada5 rgb(230,173,165)
```
#eabbb4
```
#eabbb4 rgb(234,187,180)
```
#eec9c4
```
#eec9c4 rgb(238,201,196)
```
#f3d7d3
```
#f3d7d3 rgb(243,215,211)
```
#f7e5e2
```
#f7e5e2 rgb(247,229,226)
```
#fbf3f2
```
#fbf3f2 rgb(251,243,242)
```

Tint Color Variation

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

#8d8888
```
#8d8888 rgb(141,136,136)
```
#96827f
```
#96827f rgb(150,130,127)
```
#9f7b76
```
#9f7b76 rgb(159,123,118)
```
#a8756d
```
#a8756d rgb(168,117,109)
```
#b16e64
```
#b16e64 rgb(177,110,100)
```
#ba675b
```
#ba675b rgb(186,103,91)
```
#c36152
```
#c36152 rgb(195,97,82)
```
#cc5a49
```
#cc5a49 rgb(204,90,73)
```
#d55340
```
#d55340 rgb(213,83,64)
```
#de4d37
```
#de4d37 rgb(222,77,55)
```
#e7462e
```
#e7462e rgb(231,70,46)
```
#f03f25
```
#f03f25 rgb(240,63,37)
```
#f9391c
```
#f9391c rgb(249,57,28)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8a7470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e845e Protanopia 1% of men
#a07e4b Deuteranopia 1% of men
#cf5f65 Tritanopia 0.001% of the population

Trichromacy

#a47456 Protanomaly 1% of men, 0.01% of women
#b0714a Deuteranomaly 6% of men, 0.4% of women
#ce5d5b Tritanomaly 0.01% of the population

#cc5a49 hex color

#cc5a49 Color Information

#cc5a49 Color Conversion

Color Schemes with #cc5a49

Alternatives to #cc5a49

#cc5a49 Preview

Shades and Tints of #cc5a49

Tones of #cc5a49

Color Blindness Simulator