#9d5f22 hex color

In a RGB color space, hex #9d5f22 is composed of 61.6% red, 37.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.5% magenta, 78.3% yellow and 38.4% black. It has a hue angle of 29.8 degrees, a saturation of 64.4% and a lightness of 37.5%. #9d5f22 color hex could be obtained by blending #ffbe44 with #3b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 37
- B 13
RGB color chart
- C 0
- M 39
- Y 78
- K 38
CMYK color chart

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

The hexadecimal color #9d5f22 has RGB values of R:157, G:95, B:34 and CMYK values of C:0, M:0.39, Y:0.78, K:0.38. Its decimal value is 10313506.

Hex triplet	9d5f22	`#9d5f22`
RGB Decimal	157, 95, 34	`rgb(157,95,34)`
RGB Percent	61.6, 37.3, 13.3	`rgb(61.6%,37.3%,13.3%)`
CMYK	0, 39, 78, 38
HSL	29.8°, 64.4, 37.5	`hsl(29.8,64.4%,37.5%)`
HSV (or HSB)	29.8°, 78.3, 61.6
Web Safe	996633	`#996633`

CIE-LAB	46.271, 20.238, 43.553
XYZ	18.286, 15.469, 3.536
xyY	0.49, 0.415, 15.469
CIE-LCH	46.271, 48.025, 65.077
CIE-LUV	46.271, 49.611, 39.233
Hunter-Lab	39.331, 14.16, 22.201
Binary	10011101, 01011111, 00100010

#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#22609d
```
#22609d rgb(34,96,157)
```

Complementary Color

#9d2223
```
#9d2223 rgb(157,34,35)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#9d9d22
```
#9d9d22 rgb(157,157,34)
```

Analogous Color

#22239d
```
#22239d rgb(34,35,157)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#229d9d
```
#229d9d rgb(34,157,157)
```

Split Complementary Color

#5f229d
```
#5f229d rgb(95,34,157)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#229d5f
```
#229d5f rgb(34,157,95)
```

Triadic Color

#9d2260
```
#9d2260 rgb(157,34,96)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#229d5f
```
#229d5f rgb(34,157,95)
```
#22609d
```
#22609d rgb(34,96,157)
```

Tetradic Color

#5e3914
```
#5e3914 rgb(94,57,20)
```
#734619
```
#734619 rgb(115,70,25)
```
#88521d
```
#88521d rgb(136,82,29)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#b26c27
```
#b26c27 rgb(178,108,39)
```
#c7782b
```
#c7782b rgb(199,120,43)
```
#d48538
```
#d48538 rgb(212,133,56)
```

Monochromatic Color

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

#9d4022
```
#9d4022 rgb(157,64,34)
```
#9d4b22
```
#9d4b22 rgb(157,75,34)
```
#9d5522
```
#9d5522 rgb(157,85,34)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#9d6922
```
#9d6922 rgb(157,105,34)
```
#9d7422
```
#9d7422 rgb(157,116,34)
```
#9d7e22
```
#9d7e22 rgb(157,126,34)
```

Similar Colors

Text with hexadecimal color #9d5f22

This text has a font color of #9d5f22.

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

#9d5f22 background color

This paragraph has a background color of #9d5f22.

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

#9d5f22 border color

This element has a border color of #9d5f22.

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

CSS codes

.text {color:#9d5f22;}

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

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

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

#0c0703
```
#0c0703 rgb(12,7,3)
```
#1c1106
```
#1c1106 rgb(28,17,6)
```
#2c1b0a
```
#2c1b0a rgb(44,27,10)
```
#3c240d
```
#3c240d rgb(60,36,13)
```
#4c2e11
```
#4c2e11 rgb(76,46,17)
```
#5d3814
```
#5d3814 rgb(93,56,20)
```
#6d4218
```
#6d4218 rgb(109,66,24)
```
#7d4b1b
```
#7d4b1b rgb(125,75,27)
```
#8d551f
```
#8d551f rgb(141,85,31)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#ad6925
```
#ad6925 rgb(173,105,37)
```
#bd7329
```
#bd7329 rgb(189,115,41)
```
#cd7c2c
```
#cd7c2c rgb(205,124,44)
```

Shade Color Variation

#d48639
```
#d48639 rgb(212,134,57)
```
#d89049
```
#d89049 rgb(216,144,73)
```
#db9a5a
```
#db9a5a rgb(219,154,90)
```
#dfa46a
```
#dfa46a rgb(223,164,106)
```
#e2ae7a
```
#e2ae7a rgb(226,174,122)
```
#e6b78a
```
#e6b78a rgb(230,183,138)
```
#e9c19a
```
#e9c19a rgb(233,193,154)
```
#edcbaa
```
#edcbaa rgb(237,203,170)
```
#f0d5ba
```
#f0d5ba rgb(240,213,186)
```
#f4dfca
```
#f4dfca rgb(244,223,202)
```
#f7e9db
```
#f7e9db rgb(247,233,219)
```
#fbf3eb
```
#fbf3eb rgb(251,243,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#625f5d
```
#625f5d rgb(98,95,93)
```
#6a5f55
```
#6a5f55 rgb(106,95,85)
```
#715f4e
```
#715f4e rgb(113,95,78)
```
#785f47
```
#785f47 rgb(120,95,71)
```
#805f3f
```
#805f3f rgb(128,95,63)
```
#875f38
```
#875f38 rgb(135,95,56)
```
#8e5f31
```
#8e5f31 rgb(142,95,49)
```
#965f29
```
#965f29 rgb(150,95,41)
```
#9d5f22
```
#9d5f22 rgb(157,95,34)
```
#a45f1b
```
#a45f1b rgb(164,95,27)
```
#ac5f13
```
#ac5f13 rgb(172,95,19)
```
#b35f0c
```
#b35f0c rgb(179,95,12)
```
#ba5f05
```
#ba5f05 rgb(186,95,5)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#75695c Atypical Achromatopsia 0.001% of the population

Dichromacy

#827531 Protanopia 1% of men
#916f2a Deuteranopia 1% of men
#a56167 Tritanopia 0.001% of the population

Trichromacy

#8b6d2b Protanomaly 1% of men, 0.01% of women
#956927 Deuteranomaly 6% of men, 0.4% of women
#a2604e Tritanomaly 0.01% of the population

#9d5f22 hex color

#9d5f22 Color Information

#9d5f22 Color Conversion

Color Schemes with #9d5f22

Alternatives to #9d5f22

#9d5f22 Preview

Shades and Tints of #9d5f22

Tones of #9d5f22

Color Blindness Simulator