#9d501f hex color

In a RGB color space, hex #9d501f is composed of 61.6% red, 31.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 80.3% yellow and 38.4% black. It has a hue angle of 23.3 degrees, a saturation of 67% and a lightness of 36.9%. #9d501f color hex could be obtained by blending #ffa03e with #3b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 31
- B 12
RGB color chart
- C 0
- M 49
- Y 80
- K 38
CMYK color chart

● #9d501f color description : Dark orange [Brown tone].

The hexadecimal color #9d501f has RGB values of R:157, G:80, B:31 and CMYK values of C:0, M:0.49, Y:0.8, K:0.38. Its decimal value is 10309663.

Hex triplet	9d501f	`#9d501f`
RGB Decimal	157, 80, 31	`rgb(157,80,31)`
RGB Percent	61.6, 31.4, 12.2	`rgb(61.6%,31.4%,12.2%)`
CMYK	0, 49, 80, 38
HSL	23.3°, 67, 36.9	`hsl(23.3,67%,36.9%)`
HSV (or HSB)	23.3°, 80.3, 61.6
Web Safe	996633	`#996633`

CIE-LAB	42.772, 28.502, 41.533
XYZ	17.021, 13.006, 2.91
xyY	0.517, 0.395, 13.006
CIE-LCH	42.772, 50.372, 55.54
CIE-LUV	42.772, 61.419, 34.306
Hunter-Lab	36.064, 21.136, 20.46
Binary	10011101, 01010000, 00011111

#9d501f
```
#9d501f rgb(157,80,31)
```
#1f6c9d
```
#1f6c9d rgb(31,108,157)
```

Complementary Color

#9d1f2d
```
#9d1f2d rgb(157,31,45)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#9d8f1f
```
#9d8f1f rgb(157,143,31)
```

Analogous Color

#1f2d9d
```
#1f2d9d rgb(31,45,157)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#1f9d8f
```
#1f9d8f rgb(31,157,143)
```

Split Complementary Color

#501f9d
```
#501f9d rgb(80,31,157)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#1f9d50
```
#1f9d50 rgb(31,157,80)
```

Triadic Color

#9d1f6c
```
#9d1f6c rgb(157,31,108)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#1f9d50
```
#1f9d50 rgb(31,157,80)
```
#1f6c9d
```
#1f6c9d rgb(31,108,157)
```

Tetradic Color

#5d2f12
```
#5d2f12 rgb(93,47,18)
```
#723a17
```
#723a17 rgb(114,58,23)
```
#88451b
```
#88451b rgb(136,69,27)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#b25b23
```
#b25b23 rgb(178,91,35)
```
#c86627
```
#c86627 rgb(200,102,39)
```
#d77232
```
#d77232 rgb(215,114,50)
```

Monochromatic Color

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

#9d311f
```
#9d311f rgb(157,49,31)
```
#9d3b1f
```
#9d3b1f rgb(157,59,31)
```
#9d461f
```
#9d461f rgb(157,70,31)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#9d5b1f
```
#9d5b1f rgb(157,91,31)
```
#9d651f
```
#9d651f rgb(157,101,31)
```
#9d701f
```
#9d701f rgb(157,112,31)
```

Similar Colors

Text with hexadecimal color #9d501f

This text has a font color of #9d501f.

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

#9d501f background color

This paragraph has a background color of #9d501f.

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

#9d501f border color

This element has a border color of #9d501f.

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

CSS codes

.text {color:#9d501f;}

.background {background-color:#9d501f;}

.border {border:1px solid #9d501f;}

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1a0d05
```
#1a0d05 rgb(26,13,5)
```
#2a1608
```
#2a1608 rgb(42,22,8)
```
#3b1e0c
```
#3b1e0c rgb(59,30,12)
```
#4b260f
```
#4b260f rgb(75,38,15)
```
#5b2f12
```
#5b2f12 rgb(91,47,18)
```
#6c3715
```
#6c3715 rgb(108,55,21)
```
#7c3f19
```
#7c3f19 rgb(124,63,25)
```
#8d481c
```
#8d481c rgb(141,72,28)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#ad5822
```
#ad5822 rgb(173,88,34)
```
#be6125
```
#be6125 rgb(190,97,37)
```
#ce6929
```
#ce6929 rgb(206,105,41)
```

Shade Color Variation

#d77334
```
#d77334 rgb(215,115,52)
```
#da7e44
```
#da7e44 rgb(218,126,68)
```
#dd8a54
```
#dd8a54 rgb(221,138,84)
```
#e19565
```
#e19565 rgb(225,149,101)
```
#e4a075
```
#e4a075 rgb(228,160,117)
```
#e7ab86
```
#e7ab86 rgb(231,171,134)
```
#eab796
```
#eab796 rgb(234,183,150)
```
#edc2a6
```
#edc2a6 rgb(237,194,166)
```
#f1cdb7
```
#f1cdb7 rgb(241,205,183)
```
#f4d9c7
```
#f4d9c7 rgb(244,217,199)
```
#f7e4d7
```
#f7e4d7 rgb(247,228,215)
```
#faefe8
```
#faefe8 rgb(250,239,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#635d59
```
#635d59 rgb(99,93,89)
```
#6a5b52
```
#6a5b52 rgb(106,91,82)
```
#725a4a
```
#725a4a rgb(114,90,74)
```
#795843
```
#795843 rgb(121,88,67)
```
#80563c
```
#80563c rgb(128,86,60)
```
#875535
```
#875535 rgb(135,85,53)
```
#8f532d
```
#8f532d rgb(143,83,45)
```
#965226
```
#965226 rgb(150,82,38)
```
#9d501f
```
#9d501f rgb(157,80,31)
```
#a44e18
```
#a44e18 rgb(164,78,24)
```
#ab4d11
```
#ab4d11 rgb(171,77,17)
```
#b34b09
```
#b34b09 rgb(179,75,9)
```
#ba4a02
```
#ba4a02 rgb(186,74,2)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#6d5e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d30 Protanopia 1% of men
#876725 Deuteranopia 1% of men
#a45459 Tritanopia 0.001% of the population

Trichromacy

#856229 Protanomaly 1% of men, 0.01% of women
#8f5f22 Deuteranomaly 6% of men, 0.4% of women
#a15244 Tritanomaly 0.01% of the population

#9d501f hex color

#9d501f Color Information

#9d501f Color Conversion

Color Schemes with #9d501f

Alternatives to #9d501f

#9d501f Preview

Shades and Tints of #9d501f

Tones of #9d501f

Color Blindness Simulator