#c55a31 hex color

In a RGB color space, hex #c55a31 is composed of 77.3% red, 35.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 75.1% yellow and 22.7% black. It has a hue angle of 16.6 degrees, a saturation of 60.2% and a lightness of 48.2%. #c55a31 color hex could be obtained by blending #ffb462 with #8b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 35
- B 19
RGB color chart
- C 0
- M 54
- Y 75
- K 23
CMYK color chart

● #c55a31 color description : Strong orange.

The hexadecimal color #c55a31 has RGB values of R:197, G:90, B:49 and CMYK values of C:0, M:0.54, Y:0.75, K:0.23. Its decimal value is 12933681.

Hex triplet	c55a31	`#c55a31`
RGB Decimal	197, 90, 49	`rgb(197,90,49)`
RGB Percent	77.3, 35.3, 19.2	`rgb(77.3%,35.3%,19.2%)`
CMYK	0, 54, 75, 23
HSL	16.6°, 60.2, 48.2	`hsl(16.6,60.2%,48.2%)`
HSV (or HSB)	16.6°, 75.1, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.16, 40.162, 43.151
XYZ	27.238, 19.407, 5.217
xyY	0.525, 0.374, 19.407
CIE-LCH	51.16, 58.949, 47.055
CIE-LUV	51.16, 85.372, 36.324
Hunter-Lab	44.053, 33.27, 23.816
Binary	11000101, 01011010, 00110001

#c55a31
```
#c55a31 rgb(197,90,49)
```
#319cc5
```
#319cc5 rgb(49,156,197)
```

Complementary Color

#c53152
```
#c53152 rgb(197,49,82)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```
#c5a431
```
#c5a431 rgb(197,164,49)
```

Analogous Color

#3152c5
```
#3152c5 rgb(49,82,197)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```
#31c5a4
```
#31c5a4 rgb(49,197,164)
```

Split Complementary Color

#5a31c5
```
#5a31c5 rgb(90,49,197)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```
#31c55a
```
#31c55a rgb(49,197,90)
```

Triadic Color

#c5319c
```
#c5319c rgb(197,49,156)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```
#31c55a
```
#31c55a rgb(49,197,90)
```
#319cc5
```
#319cc5 rgb(49,156,197)
```

Tetradic Color

#883e22
```
#883e22 rgb(136,62,34)
```
#9c4727
```
#9c4727 rgb(156,71,39)
```
#b1512c
```
#b1512c rgb(177,81,44)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```
#cf6840
```
#cf6840 rgb(207,104,64)
```
#d57854
```
#d57854 rgb(213,120,84)
```
#da8869
```
#da8869 rgb(218,136,105)
```

Monochromatic Color

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

#c53531
```
#c53531 rgb(197,53,49)
```
#c54131
```
#c54131 rgb(197,65,49)
```
#c54e31
```
#c54e31 rgb(197,78,49)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```
#c56631
```
#c56631 rgb(197,102,49)
```
#c57331
```
#c57331 rgb(197,115,49)
```
#c57f31
```
#c57f31 rgb(197,127,49)
```

Similar Colors

Text with hexadecimal color #c55a31

This text has a font color of #c55a31.

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

#c55a31 background color

This paragraph has a background color of #c55a31.

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

#c55a31 border color

This element has a border color of #c55a31.

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

CSS codes

.text {color:#c55a31;}

.background {background-color:#c55a31;}

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

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

#090402
```
#090402 rgb(9,4,2)
```
#180b06
```
#180b06 rgb(24,11,6)
```
#28120a
```
#28120a rgb(40,18,10)
```
#38190e
```
#38190e rgb(56,25,14)
```
#472112
```
#472112 rgb(71,33,18)
```
#572816
```
#572816 rgb(87,40,22)
```
#672f1a
```
#672f1a rgb(103,47,26)
```
#76361d
```
#76361d rgb(118,54,29)
```
#863d21
```
#863d21 rgb(134,61,33)
```
#964425
```
#964425 rgb(150,68,37)
```
#a64c29
```
#a64c29 rgb(166,76,41)
```
#b5532d
```
#b5532d rgb(181,83,45)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```

Shade Color Variation

#ce643b
```
#ce643b rgb(206,100,59)
```
#d2704b
```
#d2704b rgb(210,112,75)
```
#d67d5b
```
#d67d5b rgb(214,125,91)
```
#da896a
```
#da896a rgb(218,137,106)
```
#de967a
```
#de967a rgb(222,150,122)
```
#e2a28a
```
#e2a28a rgb(226,162,138)
```
#e6af9a
```
#e6af9a rgb(230,175,154)
```
#eabba9
```
#eabba9 rgb(234,187,169)
```
#eec8b9
```
#eec8b9 rgb(238,200,185)
```
#f1d4c9
```
#f1d4c9 rgb(241,212,201)
```
#f5e0d8
```
#f5e0d8 rgb(245,224,216)
```
#f9ede8
```
#f9ede8 rgb(249,237,232)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#837873
```
#837873 rgb(131,120,115)
```
#8c736a
```
#8c736a rgb(140,115,106)
```
#966f60
```
#966f60 rgb(150,111,96)
```
#9f6b57
```
#9f6b57 rgb(159,107,87)
```
#a9674d
```
#a9674d rgb(169,103,77)
```
#b26244
```
#b26244 rgb(178,98,68)
```
#bc5e3a
```
#bc5e3a rgb(188,94,58)
```
#c55a31
```
#c55a31 rgb(197,90,49)
```
#ce5628
```
#ce5628 rgb(206,86,40)
```
#d8521e
```
#d8521e rgb(216,82,30)
```
#e14d15
```
#e14d15 rgb(225,77,21)
```
#eb490b
```
#eb490b rgb(235,73,11)
```
#f44502
```
#f44502 rgb(244,69,2)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#857067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8044 Protanopia 1% of men
#9f7a34 Deuteranopia 1% of men
#c95d63 Tritanopia 0.001% of the population

Trichromacy

#a1723d Protanomaly 1% of men, 0.01% of women
#ac6e33 Deuteranomaly 6% of men, 0.4% of women
#c85c51 Tritanomaly 0.01% of the population

#c55a31 hex color

#c55a31 Color Information

#c55a31 Color Conversion

Color Schemes with #c55a31

Alternatives to #c55a31

#c55a31 Preview

Shades and Tints of #c55a31

Tones of #c55a31

Color Blindness Simulator