#c45f1f hex color

In a RGB color space, hex #c45f1f is composed of 76.9% red, 37.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 84.2% yellow and 23.1% black. It has a hue angle of 23.3 degrees, a saturation of 72.7% and a lightness of 44.5%. #c45f1f color hex could be obtained by blending #ffbe3e with #890000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 77
- G 37
- B 12
RGB color chart
- C 0
- M 52
- Y 84
- K 23
CMYK color chart

● #c45f1f color description : Strong orange.

The hexadecimal color #c45f1f has RGB values of R:196, G:95, B:31 and CMYK values of C:0, M:0.52, Y:0.84, K:0.23. Its decimal value is 12869407.

Hex triplet	c45f1f	`#c45f1f`
RGB Decimal	196, 95, 31	`rgb(196,95,31)`
RGB Percent	76.9, 37.3, 12.2	`rgb(76.9%,37.3%,12.2%)`
CMYK	0, 52, 84, 23
HSL	23.3°, 72.7, 44.5	`hsl(23.3,72.7%,44.5%)`
HSV (or HSB)	23.3°, 84.2, 76.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.862, 36.604, 52.028
XYZ	27.106, 20.022, 3.733
xyY	0.533, 0.394, 20.022
CIE-LCH	51.862, 63.614, 54.872
CIE-LUV	51.862, 82.48, 43.009
Hunter-Lab	44.746, 29.825, 26.375
Binary	11000100, 01011111, 00011111

#c45f1f
```
#c45f1f rgb(196,95,31)
```
#1f84c4
```
#1f84c4 rgb(31,132,196)
```

Complementary Color

#c41f32
```
#c41f32 rgb(196,31,50)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#c4b21f
```
#c4b21f rgb(196,178,31)
```

Analogous Color

#1f32c4
```
#1f32c4 rgb(31,50,196)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#1fc4b2
```
#1fc4b2 rgb(31,196,178)
```

Split Complementary Color

#5f1fc4
```
#5f1fc4 rgb(95,31,196)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#1fc45f
```
#1fc45f rgb(31,196,95)
```

Triadic Color

#c41f84
```
#c41f84 rgb(196,31,132)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#1fc45f
```
#1fc45f rgb(31,196,95)
```
#1f84c4
```
#1f84c4 rgb(31,132,196)
```

Tetradic Color

#823f15
```
#823f15 rgb(130,63,21)
```
#984a18
```
#984a18 rgb(152,74,24)
```
#ae541c
```
#ae541c rgb(174,84,28)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#da6a22
```
#da6a22 rgb(218,106,34)
```
#df7837
```
#df7837 rgb(223,120,55)
```
#e3874d
```
#e3874d rgb(227,135,77)
```

Monochromatic Color

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

#c4361f
```
#c4361f rgb(196,54,31)
```
#c4441f
```
#c4441f rgb(196,68,31)
```
#c4511f
```
#c4511f rgb(196,81,31)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#c46d1f
```
#c46d1f rgb(196,109,31)
```
#c47b1f
```
#c47b1f rgb(196,123,31)
```
#c4881f
```
#c4881f rgb(196,136,31)
```

Similar Colors

Text with hexadecimal color #c45f1f

This text has a font color of #c45f1f.

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

#c45f1f background color

This paragraph has a background color of #c45f1f.

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

#c45f1f border color

This element has a border color of #c45f1f.

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

CSS codes

.text {color:#c45f1f;}

.background {background-color:#c45f1f;}

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

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1b0d04
```
#1b0d04 rgb(27,13,4)
```
#2c1507
```
#2c1507 rgb(44,21,7)
```
#3d1d0a
```
#3d1d0a rgb(61,29,10)
```
#4d260c
```
#4d260c rgb(77,38,12)
```
#5e2e0f
```
#5e2e0f rgb(94,46,15)
```
#6f3612
```
#6f3612 rgb(111,54,18)
```
#803e14
```
#803e14 rgb(128,62,20)
```
#914617
```
#914617 rgb(145,70,23)
```
#a24f1a
```
#a24f1a rgb(162,79,26)
```
#b3571c
```
#b3571c rgb(179,87,28)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#d56722
```
#d56722 rgb(213,103,34)
```

Shade Color Variation

#de712d
```
#de712d rgb(222,113,45)
```
#e07d3d
```
#e07d3d rgb(224,125,61)
```
#e3884e
```
#e3884e rgb(227,136,78)
```
#e6935f
```
#e6935f rgb(230,147,95)
```
#e89f70
```
#e89f70 rgb(232,159,112)
```
#ebaa81
```
#ebaa81 rgb(235,170,129)
```
#eeb692
```
#eeb692 rgb(238,182,146)
```
#f0c1a3
```
#f0c1a3 rgb(240,193,163)
```
#f3ccb4
```
#f3ccb4 rgb(243,204,180)
```
#f6d8c5
```
#f6d8c5 rgb(246,216,197)
```
#f8e3d6
```
#f8e3d6 rgb(248,227,214)
```
#fbefe7
```
#fbefe7 rgb(251,239,231)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#75716e
```
#75716e rgb(117,113,110)
```
#7e6f65
```
#7e6f65 rgb(126,111,101)
```
#876d5c
```
#876d5c rgb(135,109,92)
```
#906b53
```
#906b53 rgb(144,107,83)
```
#98694b
```
#98694b rgb(152,105,75)
```
#a16742
```
#a16742 rgb(161,103,66)
```
#aa6539
```
#aa6539 rgb(170,101,57)
```
#b36330
```
#b36330 rgb(179,99,48)
```
#bb6128
```
#bb6128 rgb(187,97,40)
```
#c45f1f
```
#c45f1f rgb(196,95,31)
```
#cd5d16
```
#cd5d16 rgb(205,93,22)
```
#d55b0e
```
#d55b0e rgb(213,91,14)
```
#de5905
```
#de5905 rgb(222,89,5)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#867165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918231 Protanopia 1% of men
#a27c20 Deuteranopia 1% of men
#c96167 Tritanopia 0.001% of the population

Trichromacy

#a3752a Protanomaly 1% of men, 0.01% of women
#ae7120 Deuteranomaly 6% of men, 0.4% of women
#c7604d Tritanomaly 0.01% of the population

#c45f1f hex color

#c45f1f Color Information

#c45f1f Color Conversion

Color Schemes with #c45f1f

Alternatives to #c45f1f

#c45f1f Preview

Shades and Tints of #c45f1f

Tones of #c45f1f

Color Blindness Simulator