colorhexa.com

#9a5f2a hex color

In a RGB color space, hex #9a5f2a is composed of 60.4% red, 37.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 72.7% yellow and 39.6% black. It has a hue angle of 28.4 degrees, a saturation of 57.1% and a lightness of 38.4%. #9a5f2a color hex could be obtained by blending #ffbe54 with #350000. Closest websafe color is: #996633.

- R 60
- G 37
- B 16
RGB color chart
- C 0
- M 38
- Y 73
- K 40
CMYK color chart

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

The hexadecimal color #9a5f2a has RGB values of R:154, G:95, B:42 and CMYK values of C:0, M:0.38, Y:0.73, K:0.4. Its decimal value is 10116906.

Hex triplet	9a5f2a	`#9a5f2a`
RGB Decimal	154, 95, 42	`rgb(154,95,42)`
RGB Percent	60.4, 37.3, 16.5	`rgb(60.4%,37.3%,16.5%)`
CMYK	0, 38, 73, 40
HSL	28.4°, 57.1, 38.4	`hsl(28.4,57.1%,38.4%)`
HSV (or HSB)	28.4°, 72.7, 60.4
Web Safe	996633	`#996633`

CIE-LAB	45.938, 19.288, 39.271
XYZ	17.837, 15.223, 4.189
xyY	0.479, 0.409, 15.223
CIE-LCH	45.938, 43.752, 63.842
CIE-LUV	45.938, 46.523, 36.524
Hunter-Lab	39.017, 13.325, 20.945
Binary	10011010, 01011111, 00101010

#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#2a659a
```
#2a659a rgb(42,101,154)
```

Complementary Color

#9a2a2d
```
#9a2a2d rgb(154,42,45)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#9a972a
```
#9a972a rgb(154,151,42)
```

Analogous Color

#2a2d9a
```
#2a2d9a rgb(42,45,154)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#2a9a97
```
#2a9a97 rgb(42,154,151)
```

Split Complementary Color

#5f2a9a
```
#5f2a9a rgb(95,42,154)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#2a9a5f
```
#2a9a5f rgb(42,154,95)
```

Triadic Color

#9a2a65
```
#9a2a65 rgb(154,42,101)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#2a9a5f
```
#2a9a5f rgb(42,154,95)
```
#2a659a
```
#2a659a rgb(42,101,154)
```

Tetradic Color

#5e3a1a
```
#5e3a1a rgb(94,58,26)
```
#72461f
```
#72461f rgb(114,70,31)
```
#865325
```
#865325 rgb(134,83,37)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#ae6b2f
```
#ae6b2f rgb(174,107,47)
```
#c27835
```
#c27835 rgb(194,120,53)
```
#cc8544
```
#cc8544 rgb(204,133,68)
```

Monochromatic Color

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

#9a432a
```
#9a432a rgb(154,67,42)
```
#9a4c2a
```
#9a4c2a rgb(154,76,42)
```
#9a562a
```
#9a562a rgb(154,86,42)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#9a682a
```
#9a682a rgb(154,104,42)
```
#9a722a
```
#9a722a rgb(154,114,42)
```
#9a7b2a
```
#9a7b2a rgb(154,123,42)
```

Similar Colors

Text with hexadecimal color #9a5f2a

This text has a font color of #9a5f2a.

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

#9a5f2a background color

This paragraph has a background color of #9a5f2a.

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

#9a5f2a border color

This element has a border color of #9a5f2a.

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

CSS codes

.text {color:#9a5f2a;}

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

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

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

#0f0904
```
#0f0904 rgb(15,9,4)
```
#1f1308
```
#1f1308 rgb(31,19,8)
```
#2e1c0d
```
#2e1c0d rgb(46,28,13)
```
#3e2611
```
#3e2611 rgb(62,38,17)
```
#4d2f15
```
#4d2f15 rgb(77,47,21)
```
#5c3919
```
#5c3919 rgb(92,57,25)
```
#6c421d
```
#6c421d rgb(108,66,29)
```
#7b4c22
```
#7b4c22 rgb(123,76,34)
```
#8b5526
```
#8b5526 rgb(139,85,38)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#a9692e
```
#a9692e rgb(169,105,46)
```
#b97232
```
#b97232 rgb(185,114,50)
```
#c87c37
```
#c87c37 rgb(200,124,55)
```

Shade Color Variation

#cd8646
```
#cd8646 rgb(205,134,70)
```
#d19055
```
#d19055 rgb(209,144,85)
```
#d59a65
```
#d59a65 rgb(213,154,101)
```
#d9a474
```
#d9a474 rgb(217,164,116)
```
#ddae84
```
#ddae84 rgb(221,174,132)
```
#e2b893
```
#e2b893 rgb(226,184,147)
```
#e6c2a2
```
#e6c2a2 rgb(230,194,162)
```
#eaccb2
```
#eaccb2 rgb(234,204,178)
```
#eed6c1
```
#eed6c1 rgb(238,214,193)
```
#f2e1d1
```
#f2e1d1 rgb(242,225,209)
```
#f7ebe0
```
#f7ebe0 rgb(247,235,224)
```
#fbf5ef
```
#fbf5ef rgb(251,245,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#65625f
```
#65625f rgb(101,98,95)
```
#6d6157
```
#6d6157 rgb(109,97,87)
```
#746150
```
#746150 rgb(116,97,80)
```
#7c6148
```
#7c6148 rgb(124,97,72)
```
#836041
```
#836041 rgb(131,96,65)
```
#8b6039
```
#8b6039 rgb(139,96,57)
```
#925f32
```
#925f32 rgb(146,95,50)
```
#9a5f2a
```
#9a5f2a rgb(154,95,42)
```
#a25f22
```
#a25f22 rgb(162,95,34)
```
#a95e1b
```
#a95e1b rgb(169,94,27)
```
#b15e13
```
#b15e13 rgb(177,94,19)
```
#b85d0c
```
#b85d0c rgb(184,93,12)
```
#c05d04
```
#c05d04 rgb(192,93,4)
```

Tone Color Variation

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

Dichromacy

#807438 Protanopia 1% of men
#8f6f32 Deuteranopia 1% of men
#a26168 Tritanopia 0.001% of the population

Trichromacy

#896c33 Protanomaly 1% of men, 0.01% of women
#93692f Deuteranomaly 6% of men, 0.4% of women
#9f6051 Tritanomaly 0.01% of the population