#9a5f2e hex color

In a RGB color space, hex #9a5f2e is composed of 60.4% red, 37.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 70.1% yellow and 39.6% black. It has a hue angle of 27.2 degrees, a saturation of 54% and a lightness of 39.2%. #9a5f2e color hex could be obtained by blending #ffbe5c with #350000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 37
- B 18
RGB color chart
- C 0
- M 38
- Y 70
- K 40
CMYK color chart

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

The hexadecimal color #9a5f2e has RGB values of R:154, G:95, B:46 and CMYK values of C:0, M:0.38, Y:0.7, K:0.4. Its decimal value is 10116910.

Hex triplet	9a5f2e	`#9a5f2e`
RGB Decimal	154, 95, 46	`rgb(154,95,46)`
RGB Percent	60.4, 37.3, 18	`rgb(60.4%,37.3%,18%)`
CMYK	0, 38, 70, 40
HSL	27.2°, 54, 39.2	`hsl(27.2,54%,39.2%)`
HSV (or HSB)	27.2°, 70.1, 60.4
Web Safe	996633	`#996633`

CIE-LAB	45.979, 19.514, 37.277
XYZ	17.912, 15.253, 4.585
xyY	0.474, 0.404, 15.253
CIE-LCH	45.979, 42.076, 62.368
CIE-LUV	45.979, 46.17, 35.094
Hunter-Lab	39.055, 13.521, 20.377
Binary	10011010, 01011111, 00101110

#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#2e699a
```
#2e699a rgb(46,105,154)
```

Complementary Color

#9a2e33
```
#9a2e33 rgb(154,46,51)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#9a952e
```
#9a952e rgb(154,149,46)
```

Analogous Color

#2e339a
```
#2e339a rgb(46,51,154)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#2e9a95
```
#2e9a95 rgb(46,154,149)
```

Split Complementary Color

#5f2e9a
```
#5f2e9a rgb(95,46,154)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#2e9a5f
```
#2e9a5f rgb(46,154,95)
```

Triadic Color

#9a2e69
```
#9a2e69 rgb(154,46,105)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#2e9a5f
```
#2e9a5f rgb(46,154,95)
```
#2e699a
```
#2e699a rgb(46,105,154)
```

Tetradic Color

#5f3b1c
```
#5f3b1c rgb(95,59,28)
```
#734722
```
#734722 rgb(115,71,34)
```
#865328
```
#865328 rgb(134,83,40)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#ae6b34
```
#ae6b34 rgb(174,107,52)
```
#c1773a
```
#c1773a rgb(193,119,58)
```
#c9844b
```
#c9844b rgb(201,132,75)
```

Monochromatic Color

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

#9a442e
```
#9a442e rgb(154,68,46)
```
#9a4d2e
```
#9a4d2e rgb(154,77,46)
```
#9a562e
```
#9a562e rgb(154,86,46)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#9a682e
```
#9a682e rgb(154,104,46)
```
#9a712e
```
#9a712e rgb(154,113,46)
```
#9a7a2e
```
#9a7a2e rgb(154,122,46)
```

Similar Colors

Text with hexadecimal color #9a5f2e

This text has a font color of #9a5f2e.

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

#9a5f2e background color

This paragraph has a background color of #9a5f2e.

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

#9a5f2e border color

This element has a border color of #9a5f2e.

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

CSS codes

.text {color:#9a5f2e;}

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

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120b05
```
#120b05 rgb(18,11,5)
```
#21140a
```
#21140a rgb(33,20,10)
```
#301e0e
```
#301e0e rgb(48,30,14)
```
#3f2713
```
#3f2713 rgb(63,39,19)
```
#4e3017
```
#4e3017 rgb(78,48,23)
```
#5e3a1c
```
#5e3a1c rgb(94,58,28)
```
#6d4320
```
#6d4320 rgb(109,67,32)
```
#7c4c25
```
#7c4c25 rgb(124,76,37)
```
#8b5629
```
#8b5629 rgb(139,86,41)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#a96833
```
#a96833 rgb(169,104,51)
```
#b87237
```
#b87237 rgb(184,114,55)
```

Shade Color Variation

#c57b3e
```
#c57b3e rgb(197,123,62)
```
#ca854d
```
#ca854d rgb(202,133,77)
```
#ce905c
```
#ce905c rgb(206,144,92)
```
#d39a6b
```
#d39a6b rgb(211,154,107)
```
#d7a47a
```
#d7a47a rgb(215,164,122)
```
#dcaf89
```
#dcaf89 rgb(220,175,137)
```
#e0b998
```
#e0b998 rgb(224,185,152)
```
#e5c3a7
```
#e5c3a7 rgb(229,195,167)
```
#e9ceb6
```
#e9ceb6 rgb(233,206,182)
```
#eed8c6
```
#eed8c6 rgb(238,216,198)
```
#f2e2d5
```
#f2e2d5 rgb(242,226,213)
```
#f7ece4
```
#f7ece4 rgb(247,236,228)
```
#fbf7f3
```
#fbf7f3 rgb(251,247,243)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#6c635c
```
#6c635c rgb(108,99,92)
```
#746354
```
#746354 rgb(116,99,84)
```
#7b624d
```
#7b624d rgb(123,98,77)
```
#836145
```
#836145 rgb(131,97,69)
```
#8b603d
```
#8b603d rgb(139,96,61)
```
#926036
```
#926036 rgb(146,96,54)
```
#9a5f2e
```
#9a5f2e rgb(154,95,46)
```
#a25e26
```
#a25e26 rgb(162,94,38)
```
#a95e1f
```
#a95e1f rgb(169,94,31)
```
#b15d17
```
#b15d17 rgb(177,93,23)
```
#b95c0f
```
#b95c0f rgb(185,92,15)
```
#c05b08
```
#c05b08 rgb(192,91,8)
```

Tone Color Variation

Below, you can see how #9a5f2e 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
#74695f Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743c Protanopia 1% of men
#8f6f36 Deuteranopia 1% of men
#a26168 Tritanopia 0.001% of the population

Trichromacy

#896c37 Protanomaly 1% of men, 0.01% of women
#936933 Deuteranomaly 6% of men, 0.4% of women
#9f6053 Tritanomaly 0.01% of the population

#9a5f2e hex color

#9a5f2e Color Information

#9a5f2e Color Conversion

Color Schemes with #9a5f2e

Alternatives to #9a5f2e

#9a5f2e Preview

Shades and Tints of #9a5f2e

Tones of #9a5f2e

Color Blindness Simulator