#c55312 hex color

In a RGB color space, hex #c55312 is composed of 77.3% red, 32.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 90.9% yellow and 22.7% black. It has a hue angle of 21.8 degrees, a saturation of 83.3% and a lightness of 42.2%. #c55312 color hex could be obtained by blending #ffa624 with #8b0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 77
- G 33
- B 7
RGB color chart
- C 0
- M 58
- Y 91
- K 23
CMYK color chart

● #c55312 color description : Strong orange.

The hexadecimal color #c55312 has RGB values of R:197, G:83, B:18 and CMYK values of C:0, M:0.58, Y:0.91, K:0.23. Its decimal value is 12931858.

Hex triplet	c55312	`#c55312`
RGB Decimal	197, 83, 18	`rgb(197,83,18)`
RGB Percent	77.3, 32.5, 7.1	`rgb(77.3%,32.5%,7.1%)`
CMYK	0, 58, 91, 23
HSL	21.8°, 83.3, 42.2	`hsl(21.8,83.3%,42.2%)`
HSV (or HSB)	21.8°, 90.9, 77.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.621, 42.678, 54.924
XYZ	26.23, 18.103, 2.685
xyY	0.558, 0.385, 18.103
CIE-LCH	49.621, 69.556, 52.152
CIE-LUV	49.621, 93.675, 41.543
Hunter-Lab	42.548, 35.581, 26.042
Binary	11000101, 01010011, 00010010

#c55312
```
#c55312 rgb(197,83,18)
```
#1284c5
```
#1284c5 rgb(18,132,197)
```

Complementary Color

#c5122a
```
#c5122a rgb(197,18,42)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#c5ad12
```
#c5ad12 rgb(197,173,18)
```

Analogous Color

#122ac5
```
#122ac5 rgb(18,42,197)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#12c5ad
```
#12c5ad rgb(18,197,173)
```

Split Complementary Color

#5312c5
```
#5312c5 rgb(83,18,197)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#12c553
```
#12c553 rgb(18,197,83)
```

Triadic Color

#c51284
```
#c51284 rgb(197,18,132)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#12c553
```
#12c553 rgb(18,197,83)
```
#1284c5
```
#1284c5 rgb(18,132,197)
```

Tetradic Color

#7f350c
```
#7f350c rgb(127,53,12)
```
#963f0e
```
#963f0e rgb(150,63,14)
```
#ae4910
```
#ae4910 rgb(174,73,16)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#dc5d14
```
#dc5d14 rgb(220,93,20)
```
#eb691f
```
#eb691f rgb(235,105,31)
```
#ed7937
```
#ed7937 rgb(237,121,55)
```

Monochromatic Color

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

#c52612
```
#c52612 rgb(197,38,18)
```
#c53512
```
#c53512 rgb(197,53,18)
```
#c54412
```
#c54412 rgb(197,68,18)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#c56212
```
#c56212 rgb(197,98,18)
```
#c57112
```
#c57112 rgb(197,113,18)
```
#c58012
```
#c58012 rgb(197,128,18)
```

Similar Colors

Text with hexadecimal color #c55312

This text has a font color of #c55312.

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

#c55312 background color

This paragraph has a background color of #c55312.

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

#c55312 border color

This element has a border color of #c55312.

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

CSS codes

.text {color:#c55312;}

.background {background-color:#c55312;}

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

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

#110702
```
#110702 rgb(17,7,2)
```
#230f03
```
#230f03 rgb(35,15,3)
```
#351605
```
#351605 rgb(53,22,5)
```
#471e07
```
#471e07 rgb(71,30,7)
```
#592608
```
#592608 rgb(89,38,8)
```
#6b2d0a
```
#6b2d0a rgb(107,45,10)
```
#7d350b
```
#7d350b rgb(125,53,11)
```
#8f3c0d
```
#8f3c0d rgb(143,60,13)
```
#a1440f
```
#a1440f rgb(161,68,15)
```
#b34b10
```
#b34b10 rgb(179,75,16)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#d75b14
```
#d75b14 rgb(215,91,20)
```
#e96215
```
#e96215 rgb(233,98,21)
```

Shade Color Variation

#eb6e27
```
#eb6e27 rgb(235,110,39)
```
#ed7a39
```
#ed7a39 rgb(237,122,57)
```
#ef864b
```
#ef864b rgb(239,134,75)
```
#f0925d
```
#f0925d rgb(240,146,93)
```
#f29e6f
```
#f29e6f rgb(242,158,111)
```
#f3aa80
```
#f3aa80 rgb(243,170,128)
```
#f5b692
```
#f5b692 rgb(245,182,146)
```
#f7c2a4
```
#f7c2a4 rgb(247,194,164)
```
#f8ceb6
```
#f8ceb6 rgb(248,206,182)
```
#fadac8
```
#fadac8 rgb(250,218,200)
```
#fce6da
```
#fce6da rgb(252,230,218)
```
#fdf2ec
```
#fdf2ec rgb(253,242,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#726a65
```
#726a65 rgb(114,106,101)
```
#7b675c
```
#7b675c rgb(123,103,92)
```
#836554
```
#836554 rgb(131,101,84)
```
#8b634c
```
#8b634c rgb(139,99,76)
```
#936144
```
#936144 rgb(147,97,68)
```
#9c5e3b
```
#9c5e3b rgb(156,94,59)
```
#a45c33
```
#a45c33 rgb(164,92,51)
```
#ac5a2b
```
#ac5a2b rgb(172,90,43)
```
#b45823
```
#b45823 rgb(180,88,35)
```
#bd551a
```
#bd551a rgb(189,85,26)
```
#c55312
```
#c55312 rgb(197,83,18)
```
#cd510a
```
#cd510a rgb(205,81,10)
```
#d64e01
```
#d64e01 rgb(214,78,1)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7f695c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d26 Protanopia 1% of men
#9c7700 Deuteranopia 1% of men
#ca565b Tritanopia 0.001% of the population

Trichromacy

#a06d1f Protanomaly 1% of men, 0.01% of women
#ab6906 Deuteranomaly 6% of men, 0.4% of women
#c85540 Tritanomaly 0.01% of the population

#c55312 hex color

#c55312 Color Information

#c55312 Color Conversion

Color Schemes with #c55312

Alternatives to #c55312

#c55312 Preview

Shades and Tints of #c55312

Tones of #c55312

Color Blindness Simulator