#c45312 hex color

In a RGB color space, hex #c45312 is composed of 76.9% red, 32.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.7% magenta, 90.8% yellow and 23.1% black. It has a hue angle of 21.9 degrees, a saturation of 83.2% and a lightness of 42%. #c45312 color hex could be obtained by blending #ffa624 with #890000. 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

● #c45312 color description : Strong orange.

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

Hex triplet	c45312	`#c45312`
RGB Decimal	196, 83, 18	`rgb(196,83,18)`
RGB Percent	76.9, 32.5, 7.1	`rgb(76.9%,32.5%,7.1%)`
CMYK	0, 58, 91, 23
HSL	21.9°, 83.2, 42	`hsl(21.9,83.2%,42%)`
HSV (or HSB)	21.9°, 90.8, 76.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.458, 42.297, 54.731
XYZ	25.969, 17.969, 2.673
xyY	0.557, 0.386, 17.969
CIE-LCH	49.458, 69.17, 52.303
CIE-LUV	49.458, 92.839, 41.455
Hunter-Lab	42.389, 35.171, 25.934
Binary	11000100, 01010011, 00010010

#c45312
```
#c45312 rgb(196,83,18)
```
#1283c4
```
#1283c4 rgb(18,131,196)
```

Complementary Color

#c4122a
```
#c4122a rgb(196,18,42)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#c4ac12
```
#c4ac12 rgb(196,172,18)
```

Analogous Color

#122ac4
```
#122ac4 rgb(18,42,196)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#12c4ac
```
#12c4ac rgb(18,196,172)
```

Split Complementary Color

#5312c4
```
#5312c4 rgb(83,18,196)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#12c453
```
#12c453 rgb(18,196,83)
```

Triadic Color

#c41283
```
#c41283 rgb(196,18,131)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#12c453
```
#12c453 rgb(18,196,83)
```
#1283c4
```
#1283c4 rgb(18,131,196)
```

Tetradic Color

#7e350c
```
#7e350c rgb(126,53,12)
```
#953f0e
```
#953f0e rgb(149,63,14)
```
#ad4910
```
#ad4910 rgb(173,73,16)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#db5d14
```
#db5d14 rgb(219,93,20)
```
#ea691f
```
#ea691f rgb(234,105,31)
```
#ed7936
```
#ed7936 rgb(237,121,54)
```

Monochromatic Color

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

#c42712
```
#c42712 rgb(196,39,18)
```
#c43512
```
#c43512 rgb(196,53,18)
```
#c44412
```
#c44412 rgb(196,68,18)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#c46212
```
#c46212 rgb(196,98,18)
```
#c47112
```
#c47112 rgb(196,113,18)
```
#c48012
```
#c48012 rgb(196,128,18)
```

Similar Colors

Text with hexadecimal color #c45312

This text has a font color of #c45312.

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

#c45312 background color

This paragraph has a background color of #c45312.

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

#c45312 border color

This element has a border color of #c45312.

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

CSS codes

.text {color:#c45312;}

.background {background-color:#c45312;}

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

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

#100702
```
#100702 rgb(16,7,2)
```
#220f03
```
#220f03 rgb(34,15,3)
```
#341605
```
#341605 rgb(52,22,5)
```
#461e06
```
#461e06 rgb(70,30,6)
```
#582508
```
#582508 rgb(88,37,8)
```
#6a2d0a
```
#6a2d0a rgb(106,45,10)
```
#7c350b
```
#7c350b rgb(124,53,11)
```
#8e3c0d
```
#8e3c0d rgb(142,60,13)
```
#a0440f
```
#a0440f rgb(160,68,15)
```
#b24b10
```
#b24b10 rgb(178,75,16)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#d65b14
```
#d65b14 rgb(214,91,20)
```
#e86215
```
#e86215 rgb(232,98,21)
```

Shade Color Variation

#eb6e26
```
#eb6e26 rgb(235,110,38)
```
#ed7a38
```
#ed7a38 rgb(237,122,56)
```
#ee864a
```
#ee864a rgb(238,134,74)
```
#f0925c
```
#f0925c rgb(240,146,92)
```
#f29e6e
```
#f29e6e rgb(242,158,110)
```
#f3aa80
```
#f3aa80 rgb(243,170,128)
```
#f5b692
```
#f5b692 rgb(245,182,146)
```
#f7c2a4
```
#f7c2a4 rgb(247,194,164)
```
#f8ceb6
```
#f8ceb6 rgb(248,206,182)
```
#fadac7
```
#fadac7 rgb(250,218,199)
```
#fce6d9
```
#fce6d9 rgb(252,230,217)
```
#fdf2eb
```
#fdf2eb rgb(253,242,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#726964
```
#726964 rgb(114,105,100)
```
#7a675c
```
#7a675c rgb(122,103,92)
```
#826554
```
#826554 rgb(130,101,84)
```
#8a634c
```
#8a634c rgb(138,99,76)
```
#936043
```
#936043 rgb(147,96,67)
```
#9b5e3b
```
#9b5e3b rgb(155,94,59)
```
#a35c33
```
#a35c33 rgb(163,92,51)
```
#ab5a2b
```
#ab5a2b rgb(171,90,43)
```
#b45722
```
#b45722 rgb(180,87,34)
```
#bc551a
```
#bc551a rgb(188,85,26)
```
#c45312
```
#c45312 rgb(196,83,18)
```
#cc510a
```
#cc510a rgb(204,81,10)
```
#d44f02
```
#d44f02 rgb(212,79,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7e685b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c26 Protanopia 1% of men
#9c7600 Deuteranopia 1% of men
#c9565b Tritanopia 0.001% of the population

Trichromacy

#9f6d1f Protanomaly 1% of men, 0.01% of women
#aa6906 Deuteranomaly 6% of men, 0.4% of women
#c75540 Tritanomaly 0.01% of the population

#c45312 hex color

#c45312 Color Information

#c45312 Color Conversion

Color Schemes with #c45312

Alternatives to #c45312

#c45312 Preview

Shades and Tints of #c45312

Tones of #c45312

Color Blindness Simulator