#9f7018 hex color

In a RGB color space, hex #9f7018 is composed of 62.4% red, 43.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 84.9% yellow and 37.6% black. It has a hue angle of 39.1 degrees, a saturation of 73.8% and a lightness of 35.9%. #9f7018 color hex could be obtained by blending #ffe030 with #3f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 62
- G 44
- B 9
RGB color chart
- C 0
- M 30
- Y 85
- K 38
CMYK color chart

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

The hexadecimal color #9f7018 has RGB values of R:159, G:112, B:24 and CMYK values of C:0, M:0.3, Y:0.85, K:0.38. Its decimal value is 10448920.

Hex triplet	9f7018	`#9f7018`
RGB Decimal	159, 112, 24	`rgb(159,112,24)`
RGB Percent	62.4, 43.9, 9.4	`rgb(62.4%,43.9%,9.4%)`
CMYK	0, 30, 85, 38
HSL	39.1°, 73.8, 35.9	`hsl(39.1,73.8%,35.9%)`
HSV (or HSB)	39.1°, 84.9, 62.4
Web Safe	996600	`#996600`

CIE-LAB	50.718, 11.088, 51.624
XYZ	20.258, 19.026, 3.47
xyY	0.474, 0.445, 19.026
CIE-LCH	50.718, 52.801, 77.878
CIE-LUV	50.718, 38.593, 48.427
Hunter-Lab	43.619, 6.565, 25.817
Binary	10011111, 01110000, 00011000

#9f7018
```
#9f7018 rgb(159,112,24)
```
#18479f
```
#18479f rgb(24,71,159)
```

Complementary Color

#9f2d18
```
#9f2d18 rgb(159,45,24)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#8b9f18
```
#8b9f18 rgb(139,159,24)
```

Analogous Color

#2d189f
```
#2d189f rgb(45,24,159)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#188b9f
```
#188b9f rgb(24,139,159)
```

Split Complementary Color

#70189f
```
#70189f rgb(112,24,159)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#189f70
```
#189f70 rgb(24,159,112)
```

Triadic Color

#9f1847
```
#9f1847 rgb(159,24,71)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#189f70
```
#189f70 rgb(24,159,112)
```
#18479f
```
#18479f rgb(24,71,159)
```

Tetradic Color

#5d410e
```
#5d410e rgb(93,65,14)
```
#735111
```
#735111 rgb(115,81,17)
```
#896015
```
#896015 rgb(137,96,21)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#b5801b
```
#b5801b rgb(181,128,27)
```
#cb8f1f
```
#cb8f1f rgb(203,143,31)
```
#de9e25
```
#de9e25 rgb(222,158,37)
```

Monochromatic Color

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

#9f4e18
```
#9f4e18 rgb(159,78,24)
```
#9f5a18
```
#9f5a18 rgb(159,90,24)
```
#9f6518
```
#9f6518 rgb(159,101,24)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#9f7b18
```
#9f7b18 rgb(159,123,24)
```
#9f8718
```
#9f8718 rgb(159,135,24)
```
#9f9218
```
#9f9218 rgb(159,146,24)
```

Similar Colors

Text with hexadecimal color #9f7018

This text has a font color of #9f7018.

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

#9f7018 background color

This paragraph has a background color of #9f7018.

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

#9f7018 border color

This element has a border color of #9f7018.

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

CSS codes

.text {color:#9f7018;}

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

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

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

#060401
```
#060401 rgb(6,4,1)
```
#171003
```
#171003 rgb(23,16,3)
```
#281c06
```
#281c06 rgb(40,28,6)
```
#392809
```
#392809 rgb(57,40,9)
```
#4a340b
```
#4a340b rgb(74,52,11)
```
#5b400e
```
#5b400e rgb(91,64,14)
```
#6c4c10
```
#6c4c10 rgb(108,76,16)
```
#7d5813
```
#7d5813 rgb(125,88,19)
```
#8e6415
```
#8e6415 rgb(142,100,21)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#b07c1b
```
#b07c1b rgb(176,124,27)
```
#c1881d
```
#c1881d rgb(193,136,29)
```
#d29420
```
#d29420 rgb(210,148,32)
```

Shade Color Variation

#de9f27
```
#de9f27 rgb(222,159,39)
```
#e1a638
```
#e1a638 rgb(225,166,56)
```
#e4ae49
```
#e4ae49 rgb(228,174,73)
```
#e6b55a
```
#e6b55a rgb(230,181,90)
```
#e9bd6b
```
#e9bd6b rgb(233,189,107)
```
#ebc57c
```
#ebc57c rgb(235,197,124)
```
#eecc8d
```
#eecc8d rgb(238,204,141)
```
#f0d49e
```
#f0d49e rgb(240,212,158)
```
#f3dbaf
```
#f3dbaf rgb(243,219,175)
```
#f6e3c0
```
#f6e3c0 rgb(246,227,192)
```
#f8ebd1
```
#f8ebd1 rgb(248,235,209)
```
#fbf2e3
```
#fbf2e3 rgb(251,242,227)
```
#fdfaf4
```
#fdfaf4 rgb(253,250,244)
```

Tint Color Variation

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

#605d57
```
#605d57 rgb(96,93,87)
```
#675f50
```
#675f50 rgb(103,95,80)
```
#6e6149
```
#6e6149 rgb(110,97,73)
```
#756342
```
#756342 rgb(117,99,66)
```
#7c653b
```
#7c653b rgb(124,101,59)
```
#836734
```
#836734 rgb(131,103,52)
```
#8a6a2d
```
#8a6a2d rgb(138,106,45)
```
#916c26
```
#916c26 rgb(145,108,38)
```
#986e1f
```
#986e1f rgb(152,110,31)
```
#9f7018
```
#9f7018 rgb(159,112,24)
```
#a67211
```
#a67211 rgb(166,114,17)
```
#ad740a
```
#ad740a rgb(173,116,10)
```
#b47603
```
#b47603 rgb(180,118,3)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7d7362 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e7f26 Protanopia 1% of men
#9f7922 Deuteranopia 1% of men
#a96f77 Tritanopia 0.001% of the population

Trichromacy

#947a21 Protanomaly 1% of men, 0.01% of women
#9f761e Deuteranomaly 6% of men, 0.4% of women
#a56f54 Tritanomaly 0.01% of the population

#9f7018 hex color

#9f7018 Color Information

#9f7018 Color Conversion

Color Schemes with #9f7018

Alternatives to #9f7018

#9f7018 Preview

Shades and Tints of #9f7018

Tones of #9f7018

Color Blindness Simulator