#9e691f hex color

In a RGB color space, hex #9e691f is composed of 62% red, 41.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 80.4% yellow and 38% black. It has a hue angle of 35 degrees, a saturation of 67.2% and a lightness of 37.1%. #9e691f color hex could be obtained by blending #ffd23e with #3d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 62
- G 41
- B 12
RGB color chart
- C 0
- M 34
- Y 80
- K 38
CMYK color chart

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

The hexadecimal color #9e691f has RGB values of R:158, G:105, B:31 and CMYK values of C:0, M:0.34, Y:0.8, K:0.38. Its decimal value is 10381599.

Hex triplet	9e691f	`#9e691f`
RGB Decimal	158, 105, 31	`rgb(158,105,31)`
RGB Percent	62, 41.2, 12.2	`rgb(62%,41.2%,12.2%)`
CMYK	0, 34, 80, 38
HSL	35°, 67.2, 37.1	`hsl(35,67.2%,37.1%)`
HSV (or HSB)	35°, 80.4, 62
Web Safe	996633	`#996633`

CIE-LAB	48.85, 14.865, 47.34
XYZ	19.4, 17.472, 3.647
xyY	0.479, 0.431, 17.472
CIE-LCH	48.85, 49.619, 72.568
CIE-LUV	48.85, 42.881, 44.079
Hunter-Lab	41.8, 9.694, 24.087
Binary	10011110, 01101001, 00011111

#9e691f
```
#9e691f rgb(158,105,31)
```
#1f549e
```
#1f549e rgb(31,84,158)
```

Complementary Color

#9e2a1f
```
#9e2a1f rgb(158,42,31)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#949e1f
```
#949e1f rgb(148,158,31)
```

Analogous Color

#2a1f9e
```
#2a1f9e rgb(42,31,158)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#1f949e
```
#1f949e rgb(31,148,158)
```

Split Complementary Color

#691f9e
```
#691f9e rgb(105,31,158)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#1f9e69
```
#1f9e69 rgb(31,158,105)
```

Triadic Color

#9e1f54
```
#9e1f54 rgb(158,31,84)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#1f9e69
```
#1f9e69 rgb(31,158,105)
```
#1f549e
```
#1f549e rgb(31,84,158)
```

Tetradic Color

#5e3f12
```
#5e3f12 rgb(94,63,18)
```
#734d17
```
#734d17 rgb(115,77,23)
```
#895b1b
```
#895b1b rgb(137,91,27)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#b37723
```
#b37723 rgb(179,119,35)
```
#c98527
```
#c98527 rgb(201,133,39)
```
#d79233
```
#d79233 rgb(215,146,51)
```

Monochromatic Color

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

#9e491f
```
#9e491f rgb(158,73,31)
```
#9e541f
```
#9e541f rgb(158,84,31)
```
#9e5e1f
```
#9e5e1f rgb(158,94,31)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#9e741f
```
#9e741f rgb(158,116,31)
```
#9e7e1f
```
#9e7e1f rgb(158,126,31)
```
#9e891f
```
#9e891f rgb(158,137,31)
```

Similar Colors

Text with hexadecimal color #9e691f

This text has a font color of #9e691f.

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

#9e691f background color

This paragraph has a background color of #9e691f.

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

#9e691f border color

This element has a border color of #9e691f.

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

CSS codes

.text {color:#9e691f;}

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

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

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

#0a0702
```
#0a0702 rgb(10,7,2)
```
#1b1205
```
#1b1205 rgb(27,18,5)
```
#2b1d08
```
#2b1d08 rgb(43,29,8)
```
#3c280c
```
#3c280c rgb(60,40,12)
```
#4c330f
```
#4c330f rgb(76,51,15)
```
#5c3d12
```
#5c3d12 rgb(92,61,18)
```
#6d4815
```
#6d4815 rgb(109,72,21)
```
#7d5319
```
#7d5319 rgb(125,83,25)
```
#8e5e1c
```
#8e5e1c rgb(142,94,28)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#ae7422
```
#ae7422 rgb(174,116,34)
```
#bf7f25
```
#bf7f25 rgb(191,127,37)
```
#cf8a29
```
#cf8a29 rgb(207,138,41)
```

Shade Color Variation

#d79334
```
#d79334 rgb(215,147,52)
```
#da9c45
```
#da9c45 rgb(218,156,69)
```
#dea555
```
#dea555 rgb(222,165,85)
```
#e1ad65
```
#e1ad65 rgb(225,173,101)
```
#e4b676
```
#e4b676 rgb(228,182,118)
```
#e7bf86
```
#e7bf86 rgb(231,191,134)
```
#ebc897
```
#ebc897 rgb(235,200,151)
```
#eed0a7
```
#eed0a7 rgb(238,208,167)
```
#f1d9b7
```
#f1d9b7 rgb(241,217,183)
```
#f4e2c8
```
#f4e2c8 rgb(244,226,200)
```
#f7ead8
```
#f7ead8 rgb(247,234,216)
```
#fbf3e9
```
#fbf3e9 rgb(251,243,233)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#645f59
```
#645f59 rgb(100,95,89)
```
#6b6152
```
#6b6152 rgb(107,97,82)
```
#72624b
```
#72624b rgb(114,98,75)
```
#7a6343
```
#7a6343 rgb(122,99,67)
```
#81643c
```
#81643c rgb(129,100,60)
```
#886535
```
#886535 rgb(136,101,53)
```
#8f672e
```
#8f672e rgb(143,103,46)
```
#976826
```
#976826 rgb(151,104,38)
```
#9e691f
```
#9e691f rgb(158,105,31)
```
#a56a18
```
#a56a18 rgb(165,106,24)
```
#ad6b10
```
#ad6b10 rgb(173,107,16)
```
#b46d09
```
#b46d09 rgb(180,109,9)
```
#bb6e02
```
#bb6e02 rgb(187,110,2)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#796f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b2d Protanopia 1% of men
#997528 Deuteranopia 1% of men
#a76971 Tritanopia 0.001% of the population

Trichromacy

#907428 Protanomaly 1% of men, 0.01% of women
#9a7025 Deuteranomaly 6% of men, 0.4% of women
#a46953 Tritanomaly 0.01% of the population

#9e691f hex color

#9e691f Color Information

#9e691f Color Conversion

Color Schemes with #9e691f

Alternatives to #9e691f

#9e691f Preview

Shades and Tints of #9e691f

Tones of #9e691f

Color Blindness Simulator