#9e682e hex color

In a RGB color space, hex #9e682e is composed of 62% red, 40.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.2% magenta, 70.9% yellow and 38% black. It has a hue angle of 31.1 degrees, a saturation of 54.9% and a lightness of 40%. #9e682e color hex could be obtained by blending #ffd05c with #3d0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #9e682e has RGB values of R:158, G:104, B:46 and CMYK values of C:0, M:0.34, Y:0.71, K:0.38. Its decimal value is 10381358.

Hex triplet	9e682e	`#9e682e`
RGB Decimal	158, 104, 46	`rgb(158,104,46)`
RGB Percent	62, 40.8, 18	`rgb(62%,40.8%,18%)`
CMYK	0, 34, 71, 38
HSL	31.1°, 54.9, 40	`hsl(31.1,54.9%,40%)`
HSV (or HSB)	31.1°, 70.9, 62
Web Safe	996633	`#996633`

CIE-LAB	48.721, 16.151, 40.411
XYZ	19.544, 17.368, 4.908
xyY	0.467, 0.415, 17.368
CIE-LCH	48.721, 43.519, 68.215
CIE-LUV	48.721, 42.662, 39.217
Hunter-Lab	41.675, 10.779, 22.191
Binary	10011110, 01101000, 00101110

#9e682e
```
#9e682e rgb(158,104,46)
```
#2e649e
```
#2e649e rgb(46,100,158)
```

Complementary Color

#9e302e
```
#9e302e rgb(158,48,46)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#9c9e2e
```
#9c9e2e rgb(156,158,46)
```

Analogous Color

#302e9e
```
#302e9e rgb(48,46,158)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#2e9c9e
```
#2e9c9e rgb(46,156,158)
```

Split Complementary Color

#682e9e
```
#682e9e rgb(104,46,158)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#2e9e68
```
#2e9e68 rgb(46,158,104)
```

Triadic Color

#9e2e64
```
#9e2e64 rgb(158,46,100)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#2e9e68
```
#2e9e68 rgb(46,158,104)
```
#2e649e
```
#2e649e rgb(46,100,158)
```

Tetradic Color

#63411d
```
#63411d rgb(99,65,29)
```
#774e23
```
#774e23 rgb(119,78,35)
```
#8a5b28
```
#8a5b28 rgb(138,91,40)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#b27534
```
#b27534 rgb(178,117,52)
```
#c6823a
```
#c6823a rgb(198,130,58)
```
#cb8f4d
```
#cb8f4d rgb(203,143,77)
```

Monochromatic Color

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

#9e4c2e
```
#9e4c2e rgb(158,76,46)
```
#9e552e
```
#9e552e rgb(158,85,46)
```
#9e5f2e
```
#9e5f2e rgb(158,95,46)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#9e712e
```
#9e712e rgb(158,113,46)
```
#9e7b2e
```
#9e7b2e rgb(158,123,46)
```
#9e842e
```
#9e842e rgb(158,132,46)
```

Similar Colors

Text with hexadecimal color #9e682e

This text has a font color of #9e682e.

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

#9e682e background color

This paragraph has a background color of #9e682e.

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

#9e682e border color

This element has a border color of #9e682e.

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

CSS codes

.text {color:#9e682e;}

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

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

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

#060402
```
#060402 rgb(6,4,2)
```
#150e06
```
#150e06 rgb(21,14,6)
```
#24180b
```
#24180b rgb(36,24,11)
```
#34220f
```
#34220f rgb(52,34,15)
```
#432c13
```
#432c13 rgb(67,44,19)
```
#523618
```
#523618 rgb(82,54,24)
```
#61401c
```
#61401c rgb(97,64,28)
```
#704a21
```
#704a21 rgb(112,74,33)
```
#805425
```
#805425 rgb(128,84,37)
```
#8f5e2a
```
#8f5e2a rgb(143,94,42)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#ad7232
```
#ad7232 rgb(173,114,50)
```
#bc7c37
```
#bc7c37 rgb(188,124,55)
```

Shade Color Variation

#c78640
```
#c78640 rgb(199,134,64)
```
#cc8f4f
```
#cc8f4f rgb(204,143,79)
```
#d0995e
```
#d0995e rgb(208,153,94)
```
#d5a36d
```
#d5a36d rgb(213,163,109)
```
#d9ac7c
```
#d9ac7c rgb(217,172,124)
```
#ddb68c
```
#ddb68c rgb(221,182,140)
```
#e2c09b
```
#e2c09b rgb(226,192,155)
```
#e6c9aa
```
#e6c9aa rgb(230,201,170)
```
#ebd3b9
```
#ebd3b9 rgb(235,211,185)
```
#efdcc8
```
#efdcc8 rgb(239,220,200)
```
#f4e6d8
```
#f4e6d8 rgb(244,230,216)
```
#f8f0e7
```
#f8f0e7 rgb(248,240,231)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#676665
```
#676665 rgb(103,102,101)
```
#6f665d
```
#6f665d rgb(111,102,93)
```
#776755
```
#776755 rgb(119,103,85)
```
#7f674d
```
#7f674d rgb(127,103,77)
```
#866746
```
#866746 rgb(134,103,70)
```
#8e673e
```
#8e673e rgb(142,103,62)
```
#966836
```
#966836 rgb(150,104,54)
```
#9e682e
```
#9e682e rgb(158,104,46)
```
#a66826
```
#a66826 rgb(166,104,38)
```
#ae691e
```
#ae691e rgb(174,105,30)
```
#b66916
```
#b66916 rgb(182,105,22)
```
#bd690f
```
#bd690f rgb(189,105,15)
```
#c56907
```
#c56907 rgb(197,105,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7b7064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b3c Protanopia 1% of men
#977537 Deuteranopia 1% of men
#a66970 Tritanopia 0.001% of the population

Trichromacy

#8f7437 Protanomaly 1% of men, 0.01% of women
#997033 Deuteranomaly 6% of men, 0.4% of women
#a36958 Tritanomaly 0.01% of the population

#9e682e hex color

#9e682e Color Information

#9e682e Color Conversion

Color Schemes with #9e682e

Alternatives to #9e682e

#9e682e Preview

Shades and Tints of #9e682e

Tones of #9e682e

Color Blindness Simulator