#c3701f hex color

In a RGB color space, hex #c3701f is composed of 76.5% red, 43.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.6% magenta, 84.1% yellow and 23.5% black. It has a hue angle of 29.6 degrees, a saturation of 72.6% and a lightness of 44.3%. #c3701f color hex could be obtained by blending #ffe03e with #870000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 76
- G 44
- B 12
RGB color chart
- C 0
- M 43
- Y 84
- K 24
CMYK color chart

● #c3701f color description : Strong orange.

The hexadecimal color #c3701f has RGB values of R:195, G:112, B:31 and CMYK values of C:0, M:0.43, Y:0.84, K:0.24. Its decimal value is 12808223.

Hex triplet	c3701f	`#c3701f`
RGB Decimal	195, 112, 31	`rgb(195,112,31)`
RGB Percent	76.5, 43.9, 12.2	`rgb(76.5%,43.9%,12.2%)`
CMYK	0, 43, 84, 24
HSL	29.6°, 72.6, 44.3	`hsl(29.6,72.6%,44.3%)`
HSV (or HSB)	29.6°, 84.1, 76.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.372, 27.213, 55.006
XYZ	28.548, 23.292, 4.289
xyY	0.509, 0.415, 23.292
CIE-LCH	55.372, 61.37, 63.677
CIE-LUV	55.372, 67.93, 49.005
Hunter-Lab	48.262, 21.13, 28.514
Binary	11000011, 01110000, 00011111

#c3701f
```
#c3701f rgb(195,112,31)
```
#1f72c3
```
#1f72c3 rgb(31,114,195)
```

Complementary Color

#c31f20
```
#c31f20 rgb(195,31,32)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#c3c21f
```
#c3c21f rgb(195,194,31)
```

Analogous Color

#1f20c3
```
#1f20c3 rgb(31,32,195)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#1fc3c2
```
#1fc3c2 rgb(31,195,194)
```

Split Complementary Color

#701fc3
```
#701fc3 rgb(112,31,195)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#1fc370
```
#1fc370 rgb(31,195,112)
```

Triadic Color

#c31f72
```
#c31f72 rgb(195,31,114)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#1fc370
```
#1fc370 rgb(31,195,112)
```
#1f72c3
```
#1f72c3 rgb(31,114,195)
```

Tetradic Color

#814a15
```
#814a15 rgb(129,74,21)
```
#975718
```
#975718 rgb(151,87,24)
```
#ad631c
```
#ad631c rgb(173,99,28)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#d97d22
```
#d97d22 rgb(217,125,34)
```
#df8936
```
#df8936 rgb(223,137,54)
```
#e3964c
```
#e3964c rgb(227,150,76)
```

Monochromatic Color

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

#c3471f
```
#c3471f rgb(195,71,31)
```
#c3551f
```
#c3551f rgb(195,85,31)
```
#c3621f
```
#c3621f rgb(195,98,31)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#c37e1f
```
#c37e1f rgb(195,126,31)
```
#c38b1f
```
#c38b1f rgb(195,139,31)
```
#c3991f
```
#c3991f rgb(195,153,31)
```

Similar Colors

Text with hexadecimal color #c3701f

This text has a font color of #c3701f.

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

#c3701f background color

This paragraph has a background color of #c3701f.

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

#c3701f border color

This element has a border color of #c3701f.

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

CSS codes

.text {color:#c3701f;}

.background {background-color:#c3701f;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1a0f04
```
#1a0f04 rgb(26,15,4)
```
#2b1907
```
#2b1907 rgb(43,25,7)
```
#3c2209
```
#3c2209 rgb(60,34,9)
```
#4d2c0c
```
#4d2c0c rgb(77,44,12)
```
#5d360f
```
#5d360f rgb(93,54,15)
```
#6e3f12
```
#6e3f12 rgb(110,63,18)
```
#7f4914
```
#7f4914 rgb(127,73,20)
```
#905317
```
#905317 rgb(144,83,23)
```
#a15d1a
```
#a15d1a rgb(161,93,26)
```
#b2661c
```
#b2661c rgb(178,102,28)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#d47a22
```
#d47a22 rgb(212,122,34)
```

Shade Color Variation

#dd842c
```
#dd842c rgb(221,132,44)
```
#e08d3d
```
#e08d3d rgb(224,141,61)
```
#e3974e
```
#e3974e rgb(227,151,78)
```
#e5a15f
```
#e5a15f rgb(229,161,95)
```
#e8ab70
```
#e8ab70 rgb(232,171,112)
```
#ebb580
```
#ebb580 rgb(235,181,128)
```
#eebf91
```
#eebf91 rgb(238,191,145)
```
#f0c9a2
```
#f0c9a2 rgb(240,201,162)
```
#f3d3b3
```
#f3d3b3 rgb(243,211,179)
```
#f6ddc4
```
#f6ddc4 rgb(246,221,196)
```
#f8e6d5
```
#f8e6d5 rgb(248,230,213)
```
#fbf0e6
```
#fbf0e6 rgb(251,240,230)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#75716d
```
#75716d rgb(117,113,109)
```
#7d7165
```
#7d7165 rgb(125,113,101)
```
#86715c
```
#86715c rgb(134,113,92)
```
#8f7153
```
#8f7153 rgb(143,113,83)
```
#98714a
```
#98714a rgb(152,113,74)
```
#a07042
```
#a07042 rgb(160,112,66)
```
#a97039
```
#a97039 rgb(169,112,57)
```
#b27030
```
#b27030 rgb(178,112,48)
```
#ba7028
```
#ba7028 rgb(186,112,40)
```
#c3701f
```
#c3701f rgb(195,112,31)
```
#cc7016
```
#cc7016 rgb(204,112,22)
```
#d4700e
```
#d4700e rgb(212,112,14)
```
#dd7005
```
#dd7005 rgb(221,112,5)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8d7d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b2f Protanopia 1% of men
#ad8424 Deuteranopia 1% of men
#ca7077 Tritanopia 0.001% of the population

Trichromacy

#a98129 Protanomaly 1% of men, 0.01% of women
#b57c22 Deuteranomaly 6% of men, 0.4% of women
#c77057 Tritanomaly 0.01% of the population

#c3701f hex color

#c3701f Color Information

#c3701f Color Conversion

Color Schemes with #c3701f

Alternatives to #c3701f

#c3701f Preview

Shades and Tints of #c3701f

Tones of #c3701f

Color Blindness Simulator