#9d5a2f hex color

In a RGB color space, hex #9d5a2f is composed of 61.6% red, 35.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 70.1% yellow and 38.4% black. It has a hue angle of 23.5 degrees, a saturation of 53.9% and a lightness of 40%. #9d5a2f color hex could be obtained by blending #ffb45e with #3b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 35
- B 18
RGB color chart
- C 0
- M 43
- Y 70
- K 38
CMYK color chart

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

The hexadecimal color #9d5a2f has RGB values of R:157, G:90, B:47 and CMYK values of C:0, M:0.43, Y:0.7, K:0.38. Its decimal value is 10312239.

Hex triplet	9d5a2f	`#9d5a2f`
RGB Decimal	157, 90, 47	`rgb(157,90,47)`
RGB Percent	61.6, 35.3, 18.4	`rgb(61.6%,35.3%,18.4%)`
CMYK	0, 43, 70, 38
HSL	23.5°, 53.9, 40	`hsl(23.5,53.9%,40%)`
HSV (or HSB)	23.5°, 70.1, 61.6
Web Safe	996633	`#996633`

CIE-LAB	45.203, 23.722, 36.006
XYZ	18.074, 14.687, 4.572
xyY	0.484, 0.393, 14.687
CIE-LCH	45.203, 43.118, 56.621
CIE-LUV	45.203, 52.267, 32.908
Hunter-Lab	38.324, 17.118, 19.753
Binary	10011101, 01011010, 00101111

#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#2f729d
```
#2f729d rgb(47,114,157)
```

Complementary Color

#9d2f3b
```
#9d2f3b rgb(157,47,59)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#9d912f
```
#9d912f rgb(157,145,47)
```

Analogous Color

#2f3b9d
```
#2f3b9d rgb(47,59,157)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#2f9d91
```
#2f9d91 rgb(47,157,145)
```

Split Complementary Color

#5a2f9d
```
#5a2f9d rgb(90,47,157)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#2f9d5a
```
#2f9d5a rgb(47,157,90)
```

Triadic Color

#9d2f72
```
#9d2f72 rgb(157,47,114)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#2f9d5a
```
#2f9d5a rgb(47,157,90)
```
#2f729d
```
#2f729d rgb(47,114,157)
```

Tetradic Color

#62381d
```
#62381d rgb(98,56,29)
```
#764423
```
#764423 rgb(118,68,35)
```
#894f29
```
#894f29 rgb(137,79,41)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#b16535
```
#b16535 rgb(177,101,53)
```
#c4713b
```
#c4713b rgb(196,113,59)
```
#ca7f4e
```
#ca7f4e rgb(202,127,78)
```

Monochromatic Color

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

#9d3f2f
```
#9d3f2f rgb(157,63,47)
```
#9d482f
```
#9d482f rgb(157,72,47)
```
#9d512f
```
#9d512f rgb(157,81,47)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#9d632f
```
#9d632f rgb(157,99,47)
```
#9d6c2f
```
#9d6c2f rgb(157,108,47)
```
#9d762f
```
#9d762f rgb(157,118,47)
```

Similar Colors

Text with hexadecimal color #9d5a2f

This text has a font color of #9d5a2f.

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

#9d5a2f background color

This paragraph has a background color of #9d5a2f.

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

#9d5a2f border color

This element has a border color of #9d5a2f.

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

CSS codes

.text {color:#9d5a2f;}

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

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

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, #060302 is the darkest color, while #fcf8f6 is the lightest one.

#060302
```
#060302 rgb(6,3,2)
```
#150c06
```
#150c06 rgb(21,12,6)
```
#24150b
```
#24150b rgb(36,21,11)
```
#331d0f
```
#331d0f rgb(51,29,15)
```
#422614
```
#422614 rgb(66,38,20)
```
#522f18
```
#522f18 rgb(82,47,24)
```
#61371d
```
#61371d rgb(97,55,29)
```
#704021
```
#704021 rgb(112,64,33)
```
#7f4926
```
#7f4926 rgb(127,73,38)
```
#8e512a
```
#8e512a rgb(142,81,42)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#ac6334
```
#ac6334 rgb(172,99,52)
```
#bb6b38
```
#bb6b38 rgb(187,107,56)
```

Shade Color Variation

#c67541
```
#c67541 rgb(198,117,65)
```
#cb8050
```
#cb8050 rgb(203,128,80)
```
#cf8b5f
```
#cf8b5f rgb(207,139,95)
```
#d4966e
```
#d4966e rgb(212,150,110)
```
#d8a17d
```
#d8a17d rgb(216,161,125)
```
#ddac8c
```
#ddac8c rgb(221,172,140)
```
#e1b79b
```
#e1b79b rgb(225,183,155)
```
#e6c2aa
```
#e6c2aa rgb(230,194,170)
```
#eacdba
```
#eacdba rgb(234,205,186)
```
#efd8c9
```
#efd8c9 rgb(239,216,201)
```
#f3e3d8
```
#f3e3d8 rgb(243,227,216)
```
#f8ede7
```
#f8ede7 rgb(248,237,231)
```
#fcf8f6
```
#fcf8f6 rgb(252,248,246)
```

Tint Color Variation

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

#666666
```
#666666 rgb(102,102,102)
```
#6e645e
```
#6e645e rgb(110,100,94)
```
#766356
```
#766356 rgb(118,99,86)
```
#7e614e
```
#7e614e rgb(126,97,78)
```
#855f47
```
#855f47 rgb(133,95,71)
```
#8d5d3f
```
#8d5d3f rgb(141,93,63)
```
#955c37
```
#955c37 rgb(149,92,55)
```
#9d5a2f
```
#9d5a2f rgb(157,90,47)
```
#a55827
```
#a55827 rgb(165,88,39)
```
#ad571f
```
#ad571f rgb(173,87,31)
```
#b55517
```
#b55517 rgb(181,85,23)
```
#bc5310
```
#bc5310 rgb(188,83,16)
```
#c45108
```
#c45108 rgb(196,81,8)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#73665d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e723e Protanopia 1% of men
#8c6d36 Deuteranopia 1% of men
#a45d63 Tritanopia 0.001% of the population

Trichromacy

#896939 Protanomaly 1% of men, 0.01% of women
#926633 Deuteranomaly 6% of men, 0.4% of women
#a15c50 Tritanomaly 0.01% of the population

#9d5a2f hex color

#9d5a2f Color Information

#9d5a2f Color Conversion

Color Schemes with #9d5a2f

Alternatives to #9d5a2f

#9d5a2f Preview

Shades and Tints of #9d5a2f

Tones of #9d5a2f

Color Blindness Simulator