#c45020 hex color

In a RGB color space, hex #c45020 is composed of 76.9% red, 31.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 83.7% yellow and 23.1% black. It has a hue angle of 17.6 degrees, a saturation of 71.9% and a lightness of 44.7%. #c45020 color hex could be obtained by blending #ffa040 with #890000. Closest websafe color is: #cc6633.

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

● #c45020 color description : Strong orange.

The hexadecimal color #c45020 has RGB values of R:196, G:80, B:32 and CMYK values of C:0, M:0.59, Y:0.84, K:0.23. Its decimal value is 12865568.

Hex triplet	c45020	`#c45020`
RGB Decimal	196, 80, 32	`rgb(196,80,32)`
RGB Percent	76.9, 31.4, 12.5	`rgb(76.9%,31.4%,12.5%)`
CMYK	0, 59, 84, 23
HSL	17.6°, 71.9, 44.7	`hsl(17.6,71.9%,44.7%)`
HSV (or HSB)	17.6°, 83.7, 76.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.983, 44.041, 49.083
XYZ	25.895, 17.58, 3.396
xyY	0.552, 0.375, 17.58
CIE-LCH	48.983, 65.945, 48.099
CIE-LUV	48.983, 94.039, 37.853
Hunter-Lab	41.929, 36.868, 24.548
Binary	11000100, 01010000, 00100000

#c45020
```
#c45020 rgb(196,80,32)
```
#2094c4
```
#2094c4 rgb(32,148,196)
```

Complementary Color

#c42042
```
#c42042 rgb(196,32,66)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#c4a220
```
#c4a220 rgb(196,162,32)
```

Analogous Color

#2042c4
```
#2042c4 rgb(32,66,196)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#20c4a2
```
#20c4a2 rgb(32,196,162)
```

Split Complementary Color

#5020c4
```
#5020c4 rgb(80,32,196)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#20c450
```
#20c450 rgb(32,196,80)
```

Triadic Color

#c42094
```
#c42094 rgb(196,32,148)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#20c450
```
#20c450 rgb(32,196,80)
```
#2094c4
```
#2094c4 rgb(32,148,196)
```

Tetradic Color

#823515
```
#823515 rgb(130,53,21)
```
#983e19
```
#983e19 rgb(152,62,25)
```
#ae471c
```
#ae471c rgb(174,71,28)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#da5924
```
#da5924 rgb(218,89,36)
```
#df6938
```
#df6938 rgb(223,105,56)
```
#e27a4e
```
#e27a4e rgb(226,122,78)
```

Monochromatic Color

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

#c42720
```
#c42720 rgb(196,39,32)
```
#c43520
```
#c43520 rgb(196,53,32)
```
#c44220
```
#c44220 rgb(196,66,32)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#c45e20
```
#c45e20 rgb(196,94,32)
```
#c46b20
```
#c46b20 rgb(196,107,32)
```
#c47920
```
#c47920 rgb(196,121,32)
```

Similar Colors

Text with hexadecimal color #c45020

This text has a font color of #c45020.

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

#c45020 background color

This paragraph has a background color of #c45020.

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

#c45020 border color

This element has a border color of #c45020.

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

CSS codes

.text {color:#c45020;}

.background {background-color:#c45020;}

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

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

#0b0402
```
#0b0402 rgb(11,4,2)
```
#1b0b04
```
#1b0b04 rgb(27,11,4)
```
#2c1207
```
#2c1207 rgb(44,18,7)
```
#3d190a
```
#3d190a rgb(61,25,10)
```
#4e200d
```
#4e200d rgb(78,32,13)
```
#5f270f
```
#5f270f rgb(95,39,15)
```
#702e12
```
#702e12 rgb(112,46,18)
```
#813415
```
#813415 rgb(129,52,21)
```
#913b18
```
#913b18 rgb(145,59,24)
```
#a2421a
```
#a2421a rgb(162,66,26)
```
#b3491d
```
#b3491d rgb(179,73,29)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#d55723
```
#d55723 rgb(213,87,35)
```

Shade Color Variation

#dd612e
```
#dd612e rgb(221,97,46)
```
#e06e3f
```
#e06e3f rgb(224,110,63)
```
#e27b50
```
#e27b50 rgb(226,123,80)
```
#e58861
```
#e58861 rgb(229,136,97)
```
#e89472
```
#e89472 rgb(232,148,114)
```
#eba183
```
#eba183 rgb(235,161,131)
```
#edae93
```
#edae93 rgb(237,174,147)
```
#f0bba4
```
#f0bba4 rgb(240,187,164)
```
#f3c7b5
```
#f3c7b5 rgb(243,199,181)
```
#f6d4c6
```
#f6d4c6 rgb(246,212,198)
```
#f8e1d7
```
#f8e1d7 rgb(248,225,215)
```
#fbede8
```
#fbede8 rgb(251,237,232)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#75716f
```
#75716f rgb(117,113,111)
```
#7e6d66
```
#7e6d66 rgb(126,109,102)
```
#87695d
```
#87695d rgb(135,105,93)
```
#8f6655
```
#8f6655 rgb(143,102,85)
```
#98624c
```
#98624c rgb(152,98,76)
```
#a15f43
```
#a15f43 rgb(161,95,67)
```
#aa5b3a
```
#aa5b3a rgb(170,91,58)
```
#b25732
```
#b25732 rgb(178,87,50)
```
#bb5429
```
#bb5429 rgb(187,84,41)
```
#c45020
```
#c45020 rgb(196,80,32)
```
#cd4c17
```
#cd4c17 rgb(205,76,23)
```
#d6490e
```
#d6490e rgb(214,73,14)
```
#de4506
```
#de4506 rgb(222,69,6)
```

Tone Color Variation

Below, you can see how #c45020 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
#7e675e Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b34 Protanopia 1% of men
#9a751f Deuteranopia 1% of men
#c85459 Tritanopia 0.001% of the population

Trichromacy

#9e6b2d Protanomaly 1% of men, 0.01% of women
#a9681f Deuteranomaly 6% of men, 0.4% of women
#c75244 Tritanomaly 0.01% of the population

#c45020 hex color

#c45020 Color Information

#c45020 Color Conversion

Color Schemes with #c45020

Alternatives to #c45020

#c45020 Preview

Shades and Tints of #c45020

Tones of #c45020

Color Blindness Simulator