#c5731f hex color

In a RGB color space, hex #c5731f is composed of 77.3% red, 45.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.6% magenta, 84.3% yellow and 22.7% black. It has a hue angle of 30.4 degrees, a saturation of 72.8% and a lightness of 44.7%. #c5731f color hex could be obtained by blending #ffe63e with #8b0000. Closest websafe color is: #cc6633.

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

● #c5731f color description : Strong orange.

The hexadecimal color #c5731f has RGB values of R:197, G:115, B:31 and CMYK values of C:0, M:0.42, Y:0.84, K:0.23. Its decimal value is 12940063.

Hex triplet	c5731f	`#c5731f`
RGB Decimal	197, 115, 31	`rgb(197,115,31)`
RGB Percent	77.3, 45.1, 12.2	`rgb(77.3%,45.1%,12.2%)`
CMYK	0, 42, 84, 23
HSL	30.4°, 72.8, 44.7	`hsl(30.4,72.8%,44.7%)`
HSV (or HSB)	30.4°, 84.3, 77.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.32, 26.441, 55.928
XYZ	29.405, 24.233, 4.425
xyY	0.506, 0.417, 24.233
CIE-LCH	56.32, 61.863, 64.697
CIE-LUV	56.32, 67.167, 50.239
Hunter-Lab	49.227, 20.476, 29.129
Binary	11000101, 01110011, 00011111

#c5731f
```
#c5731f rgb(197,115,31)
```
#1f71c5
```
#1f71c5 rgb(31,113,197)
```

Complementary Color

#c5201f
```
#c5201f rgb(197,32,31)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#c4c51f
```
#c4c51f rgb(196,197,31)
```

Analogous Color

#201fc5
```
#201fc5 rgb(32,31,197)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#1fc4c5
```
#1fc4c5 rgb(31,196,197)
```

Split Complementary Color

#731fc5
```
#731fc5 rgb(115,31,197)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#1fc573
```
#1fc573 rgb(31,197,115)
```

Triadic Color

#c51f71
```
#c51f71 rgb(197,31,113)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#1fc573
```
#1fc573 rgb(31,197,115)
```
#1f71c5
```
#1f71c5 rgb(31,113,197)
```

Tetradic Color

#834c15
```
#834c15 rgb(131,76,21)
```
#995918
```
#995918 rgb(153,89,24)
```
#af661c
```
#af661c rgb(175,102,28)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#db8022
```
#db8022 rgb(219,128,34)
```
#e08d37
```
#e08d37 rgb(224,141,55)
```
#e3994d
```
#e3994d rgb(227,153,77)
```

Monochromatic Color

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

#c54a1f
```
#c54a1f rgb(197,74,31)
```
#c5571f
```
#c5571f rgb(197,87,31)
```
#c5651f
```
#c5651f rgb(197,101,31)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#c5811f
```
#c5811f rgb(197,129,31)
```
#c58f1f
```
#c58f1f rgb(197,143,31)
```
#c59d1f
```
#c59d1f rgb(197,157,31)
```

Similar Colors

Text with hexadecimal color #c5731f

This text has a font color of #c5731f.

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

#c5731f background color

This paragraph has a background color of #c5731f.

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

#c5731f border color

This element has a border color of #c5731f.

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

CSS codes

.text {color:#c5731f;}

.background {background-color:#c5731f;}

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

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

#0b0602
```
#0b0602 rgb(11,6,2)
```
#1c1004
```
#1c1004 rgb(28,16,4)
```
#2c1a07
```
#2c1a07 rgb(44,26,7)
```
#3d240a
```
#3d240a rgb(61,36,10)
```
#4e2e0c
```
#4e2e0c rgb(78,46,12)
```
#5f380f
```
#5f380f rgb(95,56,15)
```
#704212
```
#704212 rgb(112,66,18)
```
#814b14
```
#814b14 rgb(129,75,20)
```
#925517
```
#925517 rgb(146,85,23)
```
#a35f1a
```
#a35f1a rgb(163,95,26)
```
#b4691c
```
#b4691c rgb(180,105,28)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#d67d22
```
#d67d22 rgb(214,125,34)
```

Shade Color Variation

#de872d
```
#de872d rgb(222,135,45)
```
#e1903e
```
#e1903e rgb(225,144,62)
```
#e39a4f
```
#e39a4f rgb(227,154,79)
```
#e6a460
```
#e6a460 rgb(230,164,96)
```
#e9ae71
```
#e9ae71 rgb(233,174,113)
```
#ebb782
```
#ebb782 rgb(235,183,130)
```
#eec193
```
#eec193 rgb(238,193,147)
```
#f1cba4
```
#f1cba4 rgb(241,203,164)
```
#f3d4b5
```
#f3d4b5 rgb(243,212,181)
```
#f6dec6
```
#f6dec6 rgb(246,222,198)
```
#f9e8d7
```
#f9e8d7 rgb(249,232,215)
```
#fbf2e8
```
#fbf2e8 rgb(251,242,232)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#76726e
```
#76726e rgb(118,114,110)
```
#7f7265
```
#7f7265 rgb(127,114,101)
```
#88725c
```
#88725c rgb(136,114,92)
```
#907254
```
#907254 rgb(144,114,84)
```
#99724b
```
#99724b rgb(153,114,75)
```
#a27342
```
#a27342 rgb(162,115,66)
```
#ab7339
```
#ab7339 rgb(171,115,57)
```
#b37331
```
#b37331 rgb(179,115,49)
```
#bc7328
```
#bc7328 rgb(188,115,40)
```
#c5731f
```
#c5731f rgb(197,115,31)
```
#ce7316
```
#ce7316 rgb(206,115,22)
```
#d7730d
```
#d7730d rgb(215,115,13)
```
#df7305
```
#df7305 rgb(223,115,5)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8f7f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2f Protanopia 1% of men
#b08624 Deuteranopia 1% of men
#cc727a Tritanopia 0.001% of the population

Trichromacy

#ab8329 Protanomaly 1% of men, 0.01% of women
#b77f22 Deuteranomaly 6% of men, 0.4% of women
#c97259 Tritanomaly 0.01% of the population

#c5731f hex color

#c5731f Color Information

#c5731f Color Conversion

Color Schemes with #c5731f

Alternatives to #c5731f

#c5731f Preview

Shades and Tints of #c5731f

Tones of #c5731f

Color Blindness Simulator