#c2701f hex color

In a RGB color space, hex #c2701f is composed of 76.1% red, 43.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 84% yellow and 23.9% black. It has a hue angle of 29.8 degrees, a saturation of 72.4% and a lightness of 44.1%. #c2701f color hex could be obtained by blending #ffe03e with #850000. Closest websafe color is: #cc6633.

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

● #c2701f color description : Strong orange.

The hexadecimal color #c2701f has RGB values of R:194, G:112, B:31 and CMYK values of C:0, M:0.42, Y:0.84, K:0.24. Its decimal value is 12742687.

Hex triplet	c2701f	`#c2701f`
RGB Decimal	194, 112, 31	`rgb(194,112,31)`
RGB Percent	76.1, 43.9, 12.2	`rgb(76.1%,43.9%,12.2%)`
CMYK	0, 42, 84, 24
HSL	29.8°, 72.4, 44.1	`hsl(29.8,72.4%,44.1%)`
HSV (or HSB)	29.8°, 84, 76.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.236, 26.789, 54.836
XYZ	28.291, 23.159, 4.277
xyY	0.508, 0.416, 23.159
CIE-LCH	55.236, 61.03, 63.963
CIE-LUV	55.236, 67.094, 48.942
Hunter-Lab	48.124, 20.718, 28.418
Binary	11000010, 01110000, 00011111

#c2701f
```
#c2701f rgb(194,112,31)
```
#1f71c2
```
#1f71c2 rgb(31,113,194)
```

Complementary Color

#c21f20
```
#c21f20 rgb(194,31,32)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#c2c21f
```
#c2c21f rgb(194,194,31)
```

Analogous Color

#1f1fc2
```
#1f1fc2 rgb(31,31,194)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#1fc2c2
```
#1fc2c2 rgb(31,194,194)
```

Split Complementary Color

#701fc2
```
#701fc2 rgb(112,31,194)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#1fc270
```
#1fc270 rgb(31,194,112)
```

Triadic Color

#c21f71
```
#c21f71 rgb(194,31,113)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#1fc270
```
#1fc270 rgb(31,194,112)
```
#1f71c2
```
#1f71c2 rgb(31,113,194)
```

Tetradic Color

#804a14
```
#804a14 rgb(128,74,20)
```
#965718
```
#965718 rgb(150,87,24)
```
#ac631b
```
#ac631b rgb(172,99,27)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#d87d23
```
#d87d23 rgb(216,125,35)
```
#df8935
```
#df8935 rgb(223,137,53)
```
#e2964b
```
#e2964b rgb(226,150,75)
```

Monochromatic Color

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

#c2471f
```
#c2471f rgb(194,71,31)
```
#c2551f
```
#c2551f rgb(194,85,31)
```
#c2621f
```
#c2621f rgb(194,98,31)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#c27e1f
```
#c27e1f rgb(194,126,31)
```
#c28b1f
```
#c28b1f rgb(194,139,31)
```
#c2991f
```
#c2991f rgb(194,153,31)
```

Similar Colors

Text with hexadecimal color #c2701f

This text has a font color of #c2701f.

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

#c2701f background color

This paragraph has a background color of #c2701f.

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

#c2701f border color

This element has a border color of #c2701f.

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

CSS codes

.text {color:#c2701f;}

.background {background-color:#c2701f;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#190e04
```
#190e04 rgb(25,14,4)
```
#2a1807
```
#2a1807 rgb(42,24,7)
```
#3b2209
```
#3b2209 rgb(59,34,9)
```
#4c2c0c
```
#4c2c0c rgb(76,44,12)
```
#5d350f
```
#5d350f rgb(93,53,15)
```
#6d3f11
```
#6d3f11 rgb(109,63,17)
```
#7e4914
```
#7e4914 rgb(126,73,20)
```
#8f5317
```
#8f5317 rgb(143,83,23)
```
#a05c1a
```
#a05c1a rgb(160,92,26)
```
#b1661c
```
#b1661c rgb(177,102,28)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#d37a22
```
#d37a22 rgb(211,122,34)
```

Shade Color Variation

#dd842b
```
#dd842b rgb(221,132,43)
```
#e08d3c
```
#e08d3c rgb(224,141,60)
```
#e3974d
```
#e3974d rgb(227,151,77)
```
#e5a15e
```
#e5a15e rgb(229,161,94)
```
#e8ab6f
```
#e8ab6f rgb(232,171,111)
```
#ebb580
```
#ebb580 rgb(235,181,128)
```
#edbf91
```
#edbf91 rgb(237,191,145)
```
#f0c9a1
```
#f0c9a1 rgb(240,201,161)
```
#f3d2b2
```
#f3d2b2 rgb(243,210,178)
```
#f5dcc3
```
#f5dcc3 rgb(245,220,195)
```
#f8e6d4
```
#f8e6d4 rgb(248,230,212)
```
#fbf0e5
```
#fbf0e5 rgb(251,240,229)
```
#fefaf6
```
#fefaf6 rgb(254,250,246)
```

Tint Color Variation

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

#74706d
```
#74706d rgb(116,112,109)
```
#7d7064
```
#7d7064 rgb(125,112,100)
```
#85705c
```
#85705c rgb(133,112,92)
```
#8e7053
```
#8e7053 rgb(142,112,83)
```
#97704a
```
#97704a rgb(151,112,74)
```
#9f7042
```
#9f7042 rgb(159,112,66)
```
#a87039
```
#a87039 rgb(168,112,57)
```
#b17030
```
#b17030 rgb(177,112,48)
```
#b97028
```
#b97028 rgb(185,112,40)
```
#c2701f
```
#c2701f rgb(194,112,31)
```
#cb7016
```
#cb7016 rgb(203,112,22)
```
#d3700e
```
#d3700e rgb(211,112,14)
```
#dc7005
```
#dc7005 rgb(220,112,5)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8c7c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a2f Protanopia 1% of men
#ac8424 Deuteranopia 1% of men
#c97077 Tritanopia 0.001% of the population

Trichromacy

#a88129 Protanomaly 1% of men, 0.01% of women
#b47c22 Deuteranomaly 6% of men, 0.4% of women
#c67057 Tritanomaly 0.01% of the population

#c2701f hex color

#c2701f Color Information

#c2701f Color Conversion

Color Schemes with #c2701f

Alternatives to #c2701f

#c2701f Preview

Shades and Tints of #c2701f

Tones of #c2701f

Color Blindness Simulator