#c5951f hex color

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

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

● #c5951f color description : Strong orange.

The hexadecimal color #c5951f has RGB values of R:197, G:149, B:31 and CMYK values of C:0, M:0.24, Y:0.84, K:0.23. Its decimal value is 12948767.

Hex triplet	c5951f	`#c5951f`
RGB Decimal	197, 149, 31	`rgb(197,149,31)`
RGB Percent	77.3, 58.4, 12.2	`rgb(77.3%,58.4%,12.2%)`
CMYK	0, 24, 84, 23
HSL	42.7°, 72.8, 44.7	`hsl(42.7,72.8%,44.7%)`
HSV (or HSB)	42.7°, 84.3, 77.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.536, 7.871, 62.901
XYZ	34.021, 33.466, 5.964
xyY	0.463, 0.456, 33.466
CIE-LCH	64.536, 63.392, 82.868
CIE-LUV	64.536, 40.141, 63.284
Hunter-Lab	57.85, 3.738, 34.382
Binary	11000101, 10010101, 00011111

#c5951f
```
#c5951f rgb(197,149,31)
```
#1f4fc5
```
#1f4fc5 rgb(31,79,197)
```

Complementary Color

#c5421f
```
#c5421f rgb(197,66,31)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#a2c51f
```
#a2c51f rgb(162,197,31)
```

Analogous Color

#421fc5
```
#421fc5 rgb(66,31,197)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#1fa2c5
```
#1fa2c5 rgb(31,162,197)
```

Split Complementary Color

#951fc5
```
#951fc5 rgb(149,31,197)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#1fc595
```
#1fc595 rgb(31,197,149)
```

Triadic Color

#c51f4f
```
#c51f4f rgb(197,31,79)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#1fc595
```
#1fc595 rgb(31,197,149)
```
#1f4fc5
```
#1f4fc5 rgb(31,79,197)
```

Tetradic Color

#836315
```
#836315 rgb(131,99,21)
```
#997418
```
#997418 rgb(153,116,24)
```
#af841c
```
#af841c rgb(175,132,28)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#dba622
```
#dba622 rgb(219,166,34)
```
#e0af37
```
#e0af37 rgb(224,175,55)
```
#e3b84d
```
#e3b84d rgb(227,184,77)
```

Monochromatic Color

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

#c56c1f
```
#c56c1f rgb(197,108,31)
```
#c5791f
```
#c5791f rgb(197,121,31)
```
#c5871f
```
#c5871f rgb(197,135,31)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#c5a31f
```
#c5a31f rgb(197,163,31)
```
#c5b11f
```
#c5b11f rgb(197,177,31)
```
#c5bf1f
```
#c5bf1f rgb(197,191,31)
```

Similar Colors

Text with hexadecimal color #c5951f

This text has a font color of #c5951f.

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

#c5951f background color

This paragraph has a background color of #c5951f.

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

#c5951f border color

This element has a border color of #c5951f.

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

CSS codes

.text {color:#c5951f;}

.background {background-color:#c5951f;}

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

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)
```
#2c2207
```
#2c2207 rgb(44,34,7)
```
#3d2e0a
```
#3d2e0a rgb(61,46,10)
```
#4e3b0c
```
#4e3b0c rgb(78,59,12)
```
#5f480f
```
#5f480f rgb(95,72,15)
```
#705512
```
#705512 rgb(112,85,18)
```
#816214
```
#816214 rgb(129,98,20)
```
#926f17
```
#926f17 rgb(146,111,23)
```
#a37b1a
```
#a37b1a rgb(163,123,26)
```
#b4881c
```
#b4881c rgb(180,136,28)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#d6a222
```
#d6a222 rgb(214,162,34)
```

Shade Color Variation

#deab2d
```
#deab2d rgb(222,171,45)
```
#e1b23e
```
#e1b23e rgb(225,178,62)
```
#e3b84f
```
#e3b84f rgb(227,184,79)
```
#e6bf60
```
#e6bf60 rgb(230,191,96)
```
#e9c671
```
#e9c671 rgb(233,198,113)
```
#ebcd82
```
#ebcd82 rgb(235,205,130)
```
#eed493
```
#eed493 rgb(238,212,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 #dfa005 is the most saturated one.

#76746e
```
#76746e rgb(118,116,110)
```
#7f7765
```
#7f7765 rgb(127,119,101)
```
#887b5c
```
#887b5c rgb(136,123,92)
```
#907f54
```
#907f54 rgb(144,127,84)
```
#99834b
```
#99834b rgb(153,131,75)
```
#a28642
```
#a28642 rgb(162,134,66)
```
#ab8a39
```
#ab8a39 rgb(171,138,57)
```
#b38e31
```
#b38e31 rgb(179,142,49)
```
#bc9128
```
#bc9128 rgb(188,145,40)
```
#c5951f
```
#c5951f rgb(197,149,31)
```
#ce9916
```
#ce9916 rgb(206,153,22)
```
#d79c0d
```
#d79c0d rgb(215,156,13)
```
#dfa005
```
#dfa005 rgb(223,160,5)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9f967e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a12c Protanopia 1% of men
#c9992b Deuteranopia 1% of men
#cf909a Tritanopia 0.001% of the population

Trichromacy

#ba9d27 Protanomaly 1% of men, 0.01% of women
#c79826 Deuteranomaly 6% of men, 0.4% of women
#cb926d Tritanomaly 0.01% of the population

#c5951f hex color

#c5951f Color Information

#c5951f Color Conversion

Color Schemes with #c5951f

Alternatives to #c5951f

#c5951f Preview

Shades and Tints of #c5951f

Tones of #c5951f

Color Blindness Simulator