#c5504c hex color

In a RGB color space, hex #c5504c is composed of 77.3% red, 31.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 61.4% yellow and 22.7% black. It has a hue angle of 2 degrees, a saturation of 51.1% and a lightness of 53.5%. #c5504c color hex could be obtained by blending #ffa098 with #8b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 31
- B 30
RGB color chart
- C 0
- M 59
- Y 61
- K 23
CMYK color chart

● #c5504c color description : Moderate red.

The hexadecimal color #c5504c has RGB values of R:197, G:80, B:76 and CMYK values of C:0, M:0.59, Y:0.61, K:0.23. Its decimal value is 12931148.

Hex triplet	c5504c	`#c5504c`
RGB Decimal	197, 80, 76	`rgb(197,80,76)`
RGB Percent	77.3, 31.4, 29.8	`rgb(77.3%,31.4%,29.8%)`
CMYK	0, 59, 61, 23
HSL	2°, 51.1, 53.5	`hsl(2,51.1%,53.5%)`
HSV (or HSB)	2°, 61.4, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.656, 46.494, 26.388
XYZ	27.2, 18.132, 8.905
xyY	0.502, 0.334, 18.132
CIE-LCH	49.656, 53.46, 29.577
CIE-LUV	49.656, 87.798, 20.918
Hunter-Lab	42.582, 39.502, 17.409
Binary	11000101, 01010000, 01001100

#c5504c
```
#c5504c rgb(197,80,76)
```
#4cc1c5
```
#4cc1c5 rgb(76,193,197)
```

Complementary Color

#c54c85
```
#c54c85 rgb(197,76,133)
```
#c5504c
```
#c5504c rgb(197,80,76)
```
#c58d4c
```
#c58d4c rgb(197,141,76)
```

Analogous Color

#4c85c5
```
#4c85c5 rgb(76,133,197)
```
#c5504c
```
#c5504c rgb(197,80,76)
```
#4cc58d
```
#4cc58d rgb(76,197,141)
```

Split Complementary Color

#504cc5
```
#504cc5 rgb(80,76,197)
```
#c5504c
```
#c5504c rgb(197,80,76)
```
#4cc550
```
#4cc550 rgb(76,197,80)
```

Triadic Color

#c54cc1
```
#c54cc1 rgb(197,76,193)
```
#c5504c
```
#c5504c rgb(197,80,76)
```
#4cc550
```
#4cc550 rgb(76,197,80)
```
#4cc1c5
```
#4cc1c5 rgb(76,193,197)
```

Tetradic Color

#943330
```
#943330 rgb(148,51,48)
```
#a83a36
```
#a83a36 rgb(168,58,54)
```
#bb413d
```
#bb413d rgb(187,65,61)
```
#c5504c
```
#c5504c rgb(197,80,76)
```
#cb635f
```
#cb635f rgb(203,99,95)
```
#d17673
```
#d17673 rgb(209,118,115)
```
#d88886
```
#d88886 rgb(216,136,134)
```

Monochromatic Color

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

#c54c66
```
#c54c66 rgb(197,76,102)
```
#c54c5c
```
#c54c5c rgb(197,76,92)
```
#c54c52
```
#c54c52 rgb(197,76,82)
```
#c5504c
```
#c5504c rgb(197,80,76)
```
#c55a4c
```
#c55a4c rgb(197,90,76)
```
#c5644c
```
#c5644c rgb(197,100,76)
```
#c56e4c
```
#c56e4c rgb(197,110,76)
```

Similar Colors

Text with hexadecimal color #c5504c

This text has a font color of #c5504c.

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

#c5504c background color

This paragraph has a background color of #c5504c.

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

#c5504c border color

This element has a border color of #c5504c.

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

CSS codes

.text {color:#c5504c;}

.background {background-color:#c5504c;}

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

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

#0e0504
```
#0e0504 rgb(14,5,4)
```
#1c0a09
```
#1c0a09 rgb(28,10,9)
```
#2b0f0e
```
#2b0f0e rgb(43,15,14)
```
#3a1413
```
#3a1413 rgb(58,20,19)
```
#491918
```
#491918 rgb(73,25,24)
```
#581e1c
```
#581e1c rgb(88,30,28)
```
#662321
```
#662321 rgb(102,35,33)
```
#752926
```
#752926 rgb(117,41,38)
```
#842e2b
```
#842e2b rgb(132,46,43)
```
#933330
```
#933330 rgb(147,51,48)
```
#a23834
```
#a23834 rgb(162,56,52)
```
#b13d39
```
#b13d39 rgb(177,61,57)
```
#bf423e
```
#bf423e rgb(191,66,62)
```

Shade Color Variation

#c5504c
```
#c5504c rgb(197,80,76)
```
#ca5e5b
```
#ca5e5b rgb(202,94,91)
```
#cf6d6a
```
#cf6d6a rgb(207,109,106)
```
#d37b78
```
#d37b78 rgb(211,123,120)
```
#d88a87
```
#d88a87 rgb(216,138,135)
```
#dd9896
```
#dd9896 rgb(221,152,150)
```
#e2a7a5
```
#e2a7a5 rgb(226,167,165)
```
#e7b5b4
```
#e7b5b4 rgb(231,181,180)
```
#ebc4c3
```
#ebc4c3 rgb(235,196,195)
```
#f0d2d1
```
#f0d2d1 rgb(240,210,209)
```
#f5e1e0
```
#f5e1e0 rgb(245,225,224)
```
#faefef
```
#faefef rgb(250,239,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8e8383
```
#8e8383 rgb(142,131,131)
```
#977b7a
```
#977b7a rgb(151,123,122)
```
#a17270
```
#a17270 rgb(161,114,112)
```
#aa6a67
```
#aa6a67 rgb(170,106,103)
```
#b3615e
```
#b3615e rgb(179,97,94)
```
#bc5955
```
#bc5955 rgb(188,89,85)
```
#c5504c
```
#c5504c rgb(197,80,76)
```
#ce4743
```
#ce4743 rgb(206,71,67)
```
#d73f3a
```
#d73f3a rgb(215,63,58)
```
#e03631
```
#e03631 rgb(224,54,49)
```
#e92e28
```
#e92e28 rgb(233,46,40)
```
#f3251e
```
#f3251e rgb(243,37,30)
```
#fc1d15
```
#fc1d15 rgb(252,29,21)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#836c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#857c63 Protanopia 1% of men
#96774e Deuteranopia 1% of men
#c8575d Tritanopia 0.001% of the population

Trichromacy

#9c6c5a Protanomaly 1% of men, 0.01% of women
#a7694d Deuteranomaly 6% of men, 0.4% of women
#c75556 Tritanomaly 0.01% of the population

#c5504c hex color

#c5504c Color Information

#c5504c Color Conversion

Color Schemes with #c5504c

Alternatives to #c5504c

#c5504c Preview

Shades and Tints of #c5504c

Tones of #c5504c

Color Blindness Simulator