colorhexa.com

#9a5518 hex color

In a RGB color space, hex #9a5518 is composed of 60.4% red, 33.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.8% magenta, 84.4% yellow and 39.6% black. It has a hue angle of 28.2 degrees, a saturation of 73% and a lightness of 34.9%. #9a5518 color hex could be obtained by blending #ffaa30 with #350000. Closest websafe color is: #996600.

- R 60
- G 33
- B 9
RGB color chart
- C 0
- M 45
- Y 84
- K 40
CMYK color chart

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

The hexadecimal color #9a5518 has RGB values of R:154, G:85, B:24 and CMYK values of C:0, M:0.45, Y:0.84, K:0.4. Its decimal value is 10114328.

Hex triplet	9a5518	`#9a5518`
RGB Decimal	154, 85, 24	`rgb(154,85,24)`
RGB Percent	60.4, 33.3, 9.4	`rgb(60.4%,33.3%,9.4%)`
CMYK	0, 45, 84, 40
HSL	28.2°, 73, 34.9	`hsl(28.2,73%,34.9%)`
HSV (or HSB)	28.2°, 84.4, 60.4
Web Safe	996600	`#996600`

CIE-LAB	43.411, 24.191, 45.02
XYZ	16.74, 13.434, 2.576
xyY	0.511, 0.41, 13.434
CIE-LCH	43.411, 51.108, 61.749
CIE-LUV	43.411, 55.571, 37.642
Hunter-Lab	36.653, 17.383, 21.491
Binary	10011010, 01010101, 00011000

#9a5518
```
#9a5518 rgb(154,85,24)
```
#185d9a
```
#185d9a rgb(24,93,154)
```

Complementary Color

#9a181c
```
#9a181c rgb(154,24,28)
```
#9a5518
```
#9a5518 rgb(154,85,24)
```
#9a9618
```
#9a9618 rgb(154,150,24)
```

Analogous Color

#181c9a
```
#181c9a rgb(24,28,154)
```
#9a5518
```
#9a5518 rgb(154,85,24)
```
#189a96
```
#189a96 rgb(24,154,150)
```

Split Complementary Color

#55189a
```
#55189a rgb(85,24,154)
```
#9a5518
```
#9a5518 rgb(154,85,24)
```
#189a55
```
#189a55 rgb(24,154,85)
```

Triadic Color

#58300e
```
#58300e rgb(88,48,14)
```
#6e3d11
```
#6e3d11 rgb(110,61,17)
```
#844915
```
#844915 rgb(132,73,21)
```
#9a5518
```
#9a5518 rgb(154,85,24)
```
#b0611b
```
#b0611b rgb(176,97,27)
```
#c66d1f
```
#c66d1f rgb(198,109,31)
```
#dc7a22
```
#dc7a22 rgb(220,122,34)
```

Monochromatic Color

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

#9a3518
```
#9a3518 rgb(154,53,24)
```
#9a3f18
```
#9a3f18 rgb(154,63,24)
```
#9a4a18
```
#9a4a18 rgb(154,74,24)
```
#9a5518
```
#9a5518 rgb(154,85,24)
```
#9a6018
```
#9a6018 rgb(154,96,24)
```
#9a6b18
```
#9a6b18 rgb(154,107,24)
```
#9a7618
```
#9a7618 rgb(154,118,24)
```

Similar Colors

Text with hexadecimal color #9a5518

This text has a font color of #9a5518.

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

#9a5518 background color

This paragraph has a background color of #9a5518.

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

#9a5518 border color

This element has a border color of #9a5518.

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

CSS codes

.text {color:#9a5518;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120a03
```
#120a03 rgb(18,10,3)
```
#231305
```
#231305 rgb(35,19,5)
```
#341d08
```
#341d08 rgb(52,29,8)
```
#45260b
```
#45260b rgb(69,38,11)
```
#56300d
```
#56300d rgb(86,48,13)
```
#673910
```
#673910 rgb(103,57,16)
```
#784213
```
#784213 rgb(120,66,19)
```
#894c15
```
#894c15 rgb(137,76,21)
```
#9a5518
```
#9a5518 rgb(154,85,24)
```
#ab5e1b
```
#ab5e1b rgb(171,94,27)
```
#bc681d
```
#bc681d rgb(188,104,29)
```
#cd7120
```
#cd7120 rgb(205,113,32)
```

Shade Color Variation

#dd7b24
```
#dd7b24 rgb(221,123,36)
```
#df8535
```
#df8535 rgb(223,133,53)
```
#e28f46
```
#e28f46 rgb(226,143,70)
```
#e59957
```
#e59957 rgb(229,153,87)
```
#e7a468
```
#e7a468 rgb(231,164,104)
```
#eaae78
```
#eaae78 rgb(234,174,120)
```
#edb889
```
#edb889 rgb(237,184,137)
```
#efc29a
```
#efc29a rgb(239,194,154)
```
#f2cdab
```
#f2cdab rgb(242,205,171)
```
#f5d7bc
```
#f5d7bc rgb(245,215,188)
```
#f7e1cd
```
#f7e1cd rgb(247,225,205)
```
#faebde
```
#faebde rgb(250,235,222)
```
#fdf6ef
```
#fdf6ef rgb(253,246,239)
```

Tint Color Variation

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

#5c5956
```
#5c5956 rgb(92,89,86)
```
#63584f
```
#63584f rgb(99,88,79)
```
#6a5848
```
#6a5848 rgb(106,88,72)
```
#715841
```
#715841 rgb(113,88,65)
```
#78573a
```
#78573a rgb(120,87,58)
```
#7f5733
```
#7f5733 rgb(127,87,51)
```
#85562d
```
#85562d rgb(133,86,45)
```
#8c5626
```
#8c5626 rgb(140,86,38)
```
#93551f
```
#93551f rgb(147,85,31)
```
#9a5518
```
#9a5518 rgb(154,85,24)
```
#a15511
```
#a15511 rgb(161,85,17)
```
#a8540a
```
#a8540a rgb(168,84,10)
```
#af5403
```
#af5403 rgb(175,84,3)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#6e6054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6e28 Protanopia 1% of men
#89691e Deuteranopia 1% of men
#a2585d Tritanopia 0.001% of the population

Trichromacy

#866522 Protanomaly 1% of men, 0.01% of women
#8f611c Deuteranomaly 6% of men, 0.4% of women
#9f5744 Tritanomaly 0.01% of the population