#c55224 hex color

In a RGB color space, hex #c55224 is composed of 77.3% red, 32.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.4% magenta, 81.7% yellow and 22.7% black. It has a hue angle of 17.1 degrees, a saturation of 69.1% and a lightness of 45.7%. #c55224 color hex could be obtained by blending #ffa448 with #8b0000. Closest websafe color is: #cc6633.

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

● #c55224 color description : Strong orange.

The hexadecimal color #c55224 has RGB values of R:197, G:82, B:36 and CMYK values of C:0, M:0.58, Y:0.82, K:0.23. Its decimal value is 12931620.

Hex triplet	c55224	`#c55224`
RGB Decimal	197, 82, 36	`rgb(197,82,36)`
RGB Percent	77.3, 32.2, 14.1	`rgb(77.3%,32.2%,14.1%)`
CMYK	0, 58, 82, 23
HSL	17.1°, 69.1, 45.7	`hsl(17.1,69.1%,45.7%)`
HSV (or HSB)	17.1°, 81.7, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.539, 43.584, 47.858
XYZ	26.363, 18.035, 3.762
xyY	0.547, 0.374, 18.035
CIE-LCH	49.539, 64.73, 47.676
CIE-LUV	49.539, 92.956, 37.586
Hunter-Lab	42.468, 36.49, 24.475
Binary	11000101, 01010010, 00100100

#c55224
```
#c55224 rgb(197,82,36)
```
#2497c5
```
#2497c5 rgb(36,151,197)
```

Complementary Color

#c52447
```
#c52447 rgb(197,36,71)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#c5a324
```
#c5a324 rgb(197,163,36)
```

Analogous Color

#2446c5
```
#2446c5 rgb(36,70,197)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#24c5a3
```
#24c5a3 rgb(36,197,163)
```

Split Complementary Color

#5224c5
```
#5224c5 rgb(82,36,197)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#24c552
```
#24c552 rgb(36,197,82)
```

Triadic Color

#c52497
```
#c52497 rgb(197,36,151)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#24c552
```
#24c552 rgb(36,197,82)
```
#2497c5
```
#2497c5 rgb(36,151,197)
```

Tetradic Color

#843718
```
#843718 rgb(132,55,24)
```
#9a401c
```
#9a401c rgb(154,64,28)
```
#af4920
```
#af4920 rgb(175,73,32)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#d85c2a
```
#d85c2a rgb(216,92,42)
```
#dc6d40
```
#dc6d40 rgb(220,109,64)
```
#e07d55
```
#e07d55 rgb(224,125,85)
```

Monochromatic Color

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

#c52a24
```
#c52a24 rgb(197,42,36)
```
#c53724
```
#c53724 rgb(197,55,36)
```
#c54524
```
#c54524 rgb(197,69,36)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#c55f24
```
#c55f24 rgb(197,95,36)
```
#c56d24
```
#c56d24 rgb(197,109,36)
```
#c57a24
```
#c57a24 rgb(197,122,36)
```

Similar Colors

Text with hexadecimal color #c55224

This text has a font color of #c55224.

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

#c55224 background color

This paragraph has a background color of #c55224.

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

#c55224 border color

This element has a border color of #c55224.

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

CSS codes

.text {color:#c55224;}

.background {background-color:#c55224;}

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

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

#0f0603
```
#0f0603 rgb(15,6,3)
```
#1f0d06
```
#1f0d06 rgb(31,13,6)
```
#301409
```
#301409 rgb(48,20,9)
```
#401b0c
```
#401b0c rgb(64,27,12)
```
#51220f
```
#51220f rgb(81,34,15)
```
#612912
```
#612912 rgb(97,41,18)
```
#722f15
```
#722f15 rgb(114,47,21)
```
#833618
```
#833618 rgb(131,54,24)
```
#933d1b
```
#933d1b rgb(147,61,27)
```
#a4441e
```
#a4441e rgb(164,68,30)
```
#b44b21
```
#b44b21 rgb(180,75,33)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#d65927
```
#d65927 rgb(214,89,39)
```

Shade Color Variation

#da6536
```
#da6536 rgb(218,101,54)
```
#dd7247
```
#dd7247 rgb(221,114,71)
```
#e07e57
```
#e07e57 rgb(224,126,87)
```
#e38b68
```
#e38b68 rgb(227,139,104)
```
#e69878
```
#e69878 rgb(230,152,120)
```
#e9a489
```
#e9a489 rgb(233,164,137)
```
#ecb199
```
#ecb199 rgb(236,177,153)
```
#efbeaa
```
#efbeaa rgb(239,190,170)
```
#f3cbbb
```
#f3cbbb rgb(243,203,187)
```
#f6d7cb
```
#f6d7cb rgb(246,215,203)
```
#f9e4dc
```
#f9e4dc rgb(249,228,220)
```
#fcf1ec
```
#fcf1ec rgb(252,241,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#7d716c
```
#7d716c rgb(125,113,108)
```
#866d63
```
#866d63 rgb(134,109,99)
```
#8f695a
```
#8f695a rgb(143,105,90)
```
#986551
```
#986551 rgb(152,101,81)
```
#a16148
```
#a16148 rgb(161,97,72)
```
#aa5e3f
```
#aa5e3f rgb(170,94,63)
```
#b35a36
```
#b35a36 rgb(179,90,54)
```
#bc562d
```
#bc562d rgb(188,86,45)
```
#c55224
```
#c55224 rgb(197,82,36)
```
#ce4e1b
```
#ce4e1b rgb(206,78,27)
```
#d74a12
```
#d74a12 rgb(215,74,18)
```
#e04609
```
#e04609 rgb(224,70,9)
```
#e94300
```
#e94300 rgb(233,67,0)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#806960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d38 Protanopia 1% of men
#9b7725 Deuteranopia 1% of men
#c9565b Tritanopia 0.001% of the population

Trichromacy

#9f6d31 Protanomaly 1% of men, 0.01% of women
#aa6924 Deuteranomaly 6% of men, 0.4% of women
#c85447 Tritanomaly 0.01% of the population

#c55224 hex color

#c55224 Color Information

#c55224 Color Conversion

Color Schemes with #c55224

Alternatives to #c55224

#c55224 Preview

Shades and Tints of #c55224

Tones of #c55224

Color Blindness Simulator