#9b681f hex color

In a RGB color space, hex #9b681f is composed of 60.8% red, 40.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 80% yellow and 39.2% black. It has a hue angle of 35.3 degrees, a saturation of 66.7% and a lightness of 36.5%. #9b681f color hex could be obtained by blending #ffd03e with #370000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 61
- G 41
- B 12
RGB color chart
- C 0
- M 33
- Y 80
- K 39
CMYK color chart

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

The hexadecimal color #9b681f has RGB values of R:155, G:104, B:31 and CMYK values of C:0, M:0.33, Y:0.8, K:0.39. Its decimal value is 10184735.

Hex triplet	9b681f	`#9b681f`
RGB Decimal	155, 104, 31	`rgb(155,104,31)`
RGB Percent	60.8, 40.8, 12.2	`rgb(60.8%,40.8%,12.2%)`
CMYK	0, 33, 80, 39
HSL	35.3°, 66.7, 36.5	`hsl(35.3,66.7%,36.5%)`
HSV (or HSB)	35.3°, 80, 60.8
Web Safe	996633	`#996633`

CIE-LAB	48.221, 14.071, 46.618
XYZ	18.716, 16.969, 3.586
xyY	0.477, 0.432, 16.969
CIE-LCH	48.221, 48.696, 73.204
CIE-LUV	48.221, 41.216, 43.504
Hunter-Lab	41.194, 9.009, 23.674
Binary	10011011, 01101000, 00011111

#9b681f
```
#9b681f rgb(155,104,31)
```
#1f529b
```
#1f529b rgb(31,82,155)
```

Complementary Color

#9b2a1f
```
#9b2a1f rgb(155,42,31)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#909b1f
```
#909b1f rgb(144,155,31)
```

Analogous Color

#2a1f9b
```
#2a1f9b rgb(42,31,155)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#1f909b
```
#1f909b rgb(31,144,155)
```

Split Complementary Color

#681f9b
```
#681f9b rgb(104,31,155)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#1f9b68
```
#1f9b68 rgb(31,155,104)
```

Triadic Color

#9b1f52
```
#9b1f52 rgb(155,31,82)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#1f9b68
```
#1f9b68 rgb(31,155,104)
```
#1f529b
```
#1f529b rgb(31,82,155)
```

Tetradic Color

#5b3d12
```
#5b3d12 rgb(91,61,18)
```
#714b17
```
#714b17 rgb(113,75,23)
```
#865a1b
```
#865a1b rgb(134,90,27)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#b07623
```
#b07623 rgb(176,118,35)
```
#c68528
```
#c68528 rgb(198,133,40)
```
#d69231
```
#d69231 rgb(214,146,49)
```

Monochromatic Color

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

#9b491f
```
#9b491f rgb(155,73,31)
```
#9b531f
```
#9b531f rgb(155,83,31)
```
#9b5e1f
```
#9b5e1f rgb(155,94,31)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#9b721f
```
#9b721f rgb(155,114,31)
```
#9b7d1f
```
#9b7d1f rgb(155,125,31)
```
#9b871f
```
#9b871f rgb(155,135,31)
```

Similar Colors

Text with hexadecimal color #9b681f

This text has a font color of #9b681f.

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

#9b681f background color

This paragraph has a background color of #9b681f.

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

#9b681f border color

This element has a border color of #9b681f.

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

CSS codes

.text {color:#9b681f;}

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

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

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

#080502
```
#080502 rgb(8,5,2)
```
#181005
```
#181005 rgb(24,16,5)
```
#291b08
```
#291b08 rgb(41,27,8)
```
#39260b
```
#39260b rgb(57,38,11)
```
#49310f
```
#49310f rgb(73,49,15)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#6a4715
```
#6a4715 rgb(106,71,21)
```
#7a5218
```
#7a5218 rgb(122,82,24)
```
#8b5d1c
```
#8b5d1c rgb(139,93,28)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#ab7322
```
#ab7322 rgb(171,115,34)
```
#bc7e26
```
#bc7e26 rgb(188,126,38)
```
#cc8929
```
#cc8929 rgb(204,137,41)
```

Shade Color Variation

#d69332
```
#d69332 rgb(214,147,50)
```
#d99b43
```
#d99b43 rgb(217,155,67)
```
#dda453
```
#dda453 rgb(221,164,83)
```
#e0ad63
```
#e0ad63 rgb(224,173,99)
```
#e3b574
```
#e3b574 rgb(227,181,116)
```
#e6be84
```
#e6be84 rgb(230,190,132)
```
#eac794
```
#eac794 rgb(234,199,148)
```
#edcfa5
```
#edcfa5 rgb(237,207,165)
```
#f0d8b5
```
#f0d8b5 rgb(240,216,181)
```
#f4e1c6
```
#f4e1c6 rgb(244,225,198)
```
#f7e9d6
```
#f7e9d6 rgb(247,233,214)
```
#faf2e6
```
#faf2e6 rgb(250,242,230)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#625e58
```
#625e58 rgb(98,94,88)
```
#695f51
```
#695f51 rgb(105,95,81)
```
#70604a
```
#70604a rgb(112,96,74)
```
#776243
```
#776243 rgb(119,98,67)
```
#7e633c
```
#7e633c rgb(126,99,60)
```
#866434
```
#866434 rgb(134,100,52)
```
#8d652d
```
#8d652d rgb(141,101,45)
```
#946726
```
#946726 rgb(148,103,38)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#a26918
```
#a26918 rgb(162,105,24)
```
#a96b11
```
#a96b11 rgb(169,107,17)
```
#b06c0a
```
#b06c0a rgb(176,108,10)
```
#b86d02
```
#b86d02 rgb(184,109,2)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#786e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#87792d Protanopia 1% of men
#977428 Deuteranopia 1% of men
#a46970 Tritanopia 0.001% of the population

Trichromacy

#8e7328 Protanomaly 1% of men, 0.01% of women
#986f25 Deuteranomaly 6% of men, 0.4% of women
#a16852 Tritanomaly 0.01% of the population

#9b681f hex color

#9b681f Color Information

#9b681f Color Conversion

Color Schemes with #9b681f

Alternatives to #9b681f

#9b681f Preview

Shades and Tints of #9b681f

Tones of #9b681f

Color Blindness Simulator