#8a5e22 hex color

In a RGB color space, hex #8a5e22 is composed of 54.1% red, 36.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.9% magenta, 75.4% yellow and 45.9% black. It has a hue angle of 34.6 degrees, a saturation of 60.5% and a lightness of 33.7%. #8a5e22 color hex could be obtained by blending #ffbc44 with #150000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 54
- G 37
- B 13
RGB color chart
- C 0
- M 32
- Y 75
- K 46
CMYK color chart

● #8a5e22 color description : Dark orange [Brown tone].

The hexadecimal color #8a5e22 has RGB values of R:138, G:94, B:34 and CMYK values of C:0, M:0.32, Y:0.75, K:0.46. Its decimal value is 9068066.

Hex triplet	8a5e22	`#8a5e22`
RGB Decimal	138, 94, 34	`rgb(138,94,34)`
RGB Percent	54.1, 36.9, 13.3	`rgb(54.1%,36.9%,13.3%)`
CMYK	0, 32, 75, 46
HSL	34.6°, 60.5, 33.7	`hsl(34.6,60.5%,33.7%)`
HSV (or HSB)	34.6°, 75.4, 54.1
Web Safe	996633	`#996633`

CIE-LAB	43.544, 12.176, 40.018
XYZ	14.773, 13.525, 3.346
xyY	0.467, 0.427, 13.525
CIE-LCH	43.544, 41.83, 73.077
CIE-LUV	43.544, 34.922, 37.521
Hunter-Lab	36.776, 7.344, 20.349
Binary	10001010, 01011110, 00100010

#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#224e8a
```
#224e8a rgb(34,78,138)
```

Complementary Color

#8a2a22
```
#8a2a22 rgb(138,42,34)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#828a22
```
#828a22 rgb(130,138,34)
```

Analogous Color

#2a228a
```
#2a228a rgb(42,34,138)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#22828a
```
#22828a rgb(34,130,138)
```

Split Complementary Color

#5e228a
```
#5e228a rgb(94,34,138)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#228a5e
```
#228a5e rgb(34,138,94)
```

Triadic Color

#8a224e
```
#8a224e rgb(138,34,78)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#228a5e
```
#228a5e rgb(34,138,94)
```
#224e8a
```
#224e8a rgb(34,78,138)
```

Tetradic Color

#4d3413
```
#4d3413 rgb(77,52,19)
```
#614218
```
#614218 rgb(97,66,24)
```
#76501d
```
#76501d rgb(118,80,29)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#9e6c27
```
#9e6c27 rgb(158,108,39)
```
#b37a2c
```
#b37a2c rgb(179,122,44)
```
#c78831
```
#c78831 rgb(199,136,49)
```

Monochromatic Color

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

#8a4422
```
#8a4422 rgb(138,68,34)
```
#8a4d22
```
#8a4d22 rgb(138,77,34)
```
#8a5522
```
#8a5522 rgb(138,85,34)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#8a6722
```
#8a6722 rgb(138,103,34)
```
#8a6f22
```
#8a6f22 rgb(138,111,34)
```
#8a7822
```
#8a7822 rgb(138,120,34)
```

Similar Colors

Text with hexadecimal color #8a5e22

This text has a font color of #8a5e22.

<span style="color:#8a5e22;">Text here</span>

#8a5e22 background color

This paragraph has a background color of #8a5e22.

<p style="background-color:#8a5e22;">Content here</p>

#8a5e22 border color

This element has a border color of #8a5e22.

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

CSS codes

.text {color:#8a5e22;}

.background {background-color:#8a5e22;}

.border {border:1px solid #8a5e22;}

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

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1307
```
#1c1307 rgb(28,19,7)
```
#2c1e0b
```
#2c1e0b rgb(44,30,11)
```
#3b280f
```
#3b280f rgb(59,40,15)
```
#4b3312
```
#4b3312 rgb(75,51,18)
```
#5b3e16
```
#5b3e16 rgb(91,62,22)
```
#6b491a
```
#6b491a rgb(107,73,26)
```
#7a531e
```
#7a531e rgb(122,83,30)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#9a6926
```
#9a6926 rgb(154,105,38)
```
#a9732a
```
#a9732a rgb(169,115,42)
```
#b97e2e
```
#b97e2e rgb(185,126,46)
```
#c98932
```
#c98932 rgb(201,137,50)
```

Shade Color Variation

#d0923f
```
#d0923f rgb(208,146,63)
```
#d39b4e
```
#d39b4e rgb(211,155,78)
```
#d7a45e
```
#d7a45e rgb(215,164,94)
```
#dbad6e
```
#dbad6e rgb(219,173,110)
```
#dfb67d
```
#dfb67d rgb(223,182,125)
```
#e3bf8d
```
#e3bf8d rgb(227,191,141)
```
#e7c89d
```
#e7c89d rgb(231,200,157)
```
#ebd0ad
```
#ebd0ad rgb(235,208,173)
```
#efd9bc
```
#efd9bc rgb(239,217,188)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#f6ebdc
```
#f6ebdc rgb(246,235,220)
```
#faf4ec
```
#faf4ec rgb(250,244,236)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#5c5750
```
#5c5750 rgb(92,87,80)
```
#62584a
```
#62584a rgb(98,88,74)
```
#695943
```
#695943 rgb(105,89,67)
```
#705a3c
```
#705a3c rgb(112,90,60)
```
#765b36
```
#765b36 rgb(118,91,54)
```
#7d5c2f
```
#7d5c2f rgb(125,92,47)
```
#835d29
```
#835d29 rgb(131,93,41)
```
#8a5e22
```
#8a5e22 rgb(138,94,34)
```
#915f1b
```
#915f1b rgb(145,95,27)
```
#976015
```
#976015 rgb(151,96,21)
```
#9e610e
```
#9e610e rgb(158,97,14)
```
#a46208
```
#a46208 rgb(164,98,8)
```
#ab6301
```
#ab6301 rgb(171,99,1)
```

Tone Color Variation

Below, you can see how #8a5e22 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

#646464 Achromatopsia 0.005% of the population
#6c6357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e2f Protanopia 1% of men
#88692c Deuteranopia 1% of men
#946066 Tritanopia 0.001% of the population

Trichromacy

#80682a Protanomaly 1% of men, 0.01% of women
#896528 Deuteranomaly 6% of men, 0.4% of women
#905f4d Tritanomaly 0.01% of the population

#8a5e22 hex color

#8a5e22 Color Information

#8a5e22 Color Conversion

Color Schemes with #8a5e22

Alternatives to #8a5e22

#8a5e22 Preview

Shades and Tints of #8a5e22

Tones of #8a5e22

Color Blindness Simulator