#c5941f hex color

In a RGB color space, hex #c5941f is composed of 77.3% red, 58% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.9% magenta, 84.3% yellow and 22.7% black. It has a hue angle of 42.3 degrees, a saturation of 72.8% and a lightness of 44.7%. #c5941f color hex could be obtained by blending #ffff3e with #8b2900. Closest websafe color is: #cc9933.

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

● #c5941f color description : Strong orange.

The hexadecimal color #c5941f has RGB values of R:197, G:148, B:31 and CMYK values of C:0, M:0.25, Y:0.84, K:0.23. Its decimal value is 12948511.

Hex triplet	c5941f	`#c5941f`
RGB Decimal	197, 148, 31	`rgb(197,148,31)`
RGB Percent	77.3, 58, 12.2	`rgb(77.3%,58%,12.2%)`
CMYK	0, 25, 84, 23
HSL	42.3°, 72.8, 44.7	`hsl(42.3,72.8%,44.7%)`
HSV (or HSB)	42.3°, 84.3, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.283, 8.415, 62.688
XYZ	33.864, 33.151, 5.911
xyY	0.464, 0.455, 33.151
CIE-LCH	64.283, 63.25, 82.355
CIE-LUV	64.283, 40.909, 62.891
Hunter-Lab	57.577, 4.225, 34.216
Binary	11000101, 10010100, 00011111

#c5941f
```
#c5941f rgb(197,148,31)
```
#1f50c5
```
#1f50c5 rgb(31,80,197)
```

Complementary Color

#c5411f
```
#c5411f rgb(197,65,31)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#a3c51f
```
#a3c51f rgb(163,197,31)
```

Analogous Color

#411fc5
```
#411fc5 rgb(65,31,197)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#1fa3c5
```
#1fa3c5 rgb(31,163,197)
```

Split Complementary Color

#941fc5
```
#941fc5 rgb(148,31,197)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#1fc594
```
#1fc594 rgb(31,197,148)
```

Triadic Color

#c51f50
```
#c51f50 rgb(197,31,80)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#1fc594
```
#1fc594 rgb(31,197,148)
```
#1f50c5
```
#1f50c5 rgb(31,80,197)
```

Tetradic Color

#836215
```
#836215 rgb(131,98,21)
```
#997318
```
#997318 rgb(153,115,24)
```
#af831c
```
#af831c rgb(175,131,28)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#dba522
```
#dba522 rgb(219,165,34)
```
#e0ae37
```
#e0ae37 rgb(224,174,55)
```
#e3b74d
```
#e3b74d rgb(227,183,77)
```

Monochromatic Color

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

#c56b1f
```
#c56b1f rgb(197,107,31)
```
#c5781f
```
#c5781f rgb(197,120,31)
```
#c5861f
```
#c5861f rgb(197,134,31)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#c5a21f
```
#c5a21f rgb(197,162,31)
```
#c5b01f
```
#c5b01f rgb(197,176,31)
```
#c5be1f
```
#c5be1f rgb(197,190,31)
```

Similar Colors

Text with hexadecimal color #c5941f

This text has a font color of #c5941f.

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

#c5941f background color

This paragraph has a background color of #c5941f.

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

#c5941f border color

This element has a border color of #c5941f.

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

CSS codes

.text {color:#c5941f;}

.background {background-color:#c5941f;}

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

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

#0b0802
```
#0b0802 rgb(11,8,2)
```
#1c1504
```
#1c1504 rgb(28,21,4)
```
#2c2107
```
#2c2107 rgb(44,33,7)
```
#3d2e0a
```
#3d2e0a rgb(61,46,10)
```
#4e3b0c
```
#4e3b0c rgb(78,59,12)
```
#5f480f
```
#5f480f rgb(95,72,15)
```
#705412
```
#705412 rgb(112,84,18)
```
#816114
```
#816114 rgb(129,97,20)
```
#926e17
```
#926e17 rgb(146,110,23)
```
#a37b1a
```
#a37b1a rgb(163,123,26)
```
#b4871c
```
#b4871c rgb(180,135,28)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#d6a122
```
#d6a122 rgb(214,161,34)
```

Shade Color Variation

#deaa2d
```
#deaa2d rgb(222,170,45)
```
#e1b13e
```
#e1b13e rgb(225,177,62)
```
#e3b84f
```
#e3b84f rgb(227,184,79)
```
#e6be60
```
#e6be60 rgb(230,190,96)
```
#e9c571
```
#e9c571 rgb(233,197,113)
```
#ebcc82
```
#ebcc82 rgb(235,204,130)
```
#eed393
```
#eed393 rgb(238,211,147)
```
#f1daa4
```
#f1daa4 rgb(241,218,164)
```
#f3e1b5
```
#f3e1b5 rgb(243,225,181)
```
#f6e8c6
```
#f6e8c6 rgb(246,232,198)
```
#f9efd7
```
#f9efd7 rgb(249,239,215)
```
#fbf6e8
```
#fbf6e8 rgb(251,246,232)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#76746e
```
#76746e rgb(118,116,110)
```
#7f7765
```
#7f7765 rgb(127,119,101)
```
#887b5c
```
#887b5c rgb(136,123,92)
```
#907e54
```
#907e54 rgb(144,126,84)
```
#99824b
```
#99824b rgb(153,130,75)
```
#a28642
```
#a28642 rgb(162,134,66)
```
#ab8939
```
#ab8939 rgb(171,137,57)
```
#b38d31
```
#b38d31 rgb(179,141,49)
```
#bc9028
```
#bc9028 rgb(188,144,40)
```
#c5941f
```
#c5941f rgb(197,148,31)
```
#ce9816
```
#ce9816 rgb(206,152,22)
```
#d79b0d
```
#d79b0d rgb(215,155,13)
```
#df9f05
```
#df9f05 rgb(223,159,5)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9f957d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a12c Protanopia 1% of men
#c8992a Deuteranopia 1% of men
#cf8f99 Tritanopia 0.001% of the population

Trichromacy

#ba9c27 Protanomaly 1% of men, 0.01% of women
#c79726 Deuteranomaly 6% of men, 0.4% of women
#cb916d Tritanomaly 0.01% of the population

#c5941f hex color

#c5941f Color Information

#c5941f Color Conversion

Color Schemes with #c5941f

Alternatives to #c5941f

#c5941f Preview

Shades and Tints of #c5941f

Tones of #c5941f

Color Blindness Simulator