#7b5a46 hex color

In a RGB color space, hex #7b5a46 is composed of 48.2% red, 35.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.8% magenta, 43.1% yellow and 51.8% black. It has a hue angle of 22.6 degrees, a saturation of 27.5% and a lightness of 37.8%. #7b5a46 color hex could be obtained by blending #f6b48c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 48
- G 35
- B 27
RGB color chart
- C 0
- M 27
- Y 43
- K 52
CMYK color chart

● #7b5a46 color description : Mostly desaturated dark orange.

The hexadecimal color #7b5a46 has RGB values of R:123, G:90, B:70 and CMYK values of C:0, M:0.27, Y:0.43, K:0.52. Its decimal value is 8084038.

Hex triplet	7b5a46	`#7b5a46`
RGB Decimal	123, 90, 70	`rgb(123,90,70)`
RGB Percent	48.2, 35.3, 27.5	`rgb(48.2%,35.3%,27.5%)`
CMYK	0, 27, 43, 52
HSL	22.6°, 27.5, 37.8	`hsl(22.6,27.5%,37.8%)`
HSV (or HSB)	22.6°, 43.1, 48.2
Web Safe	666633	`#666633`

CIE-LAB	41.162, 10.764, 16.854
XYZ	12.93, 11.966, 7.423
xyY	0.4, 0.37, 11.966
CIE-LCH	41.162, 19.998, 57.435
CIE-LUV	41.162, 23.046, 17.816
Hunter-Lab	34.592, 6.185, 11.492
Binary	01111011, 01011010, 01000110

#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#46677b
```
#46677b rgb(70,103,123)
```

Complementary Color

#7b464d
```
#7b464d rgb(123,70,77)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#7b7546
```
#7b7546 rgb(123,117,70)
```

Analogous Color

#464d7b
```
#464d7b rgb(70,77,123)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#467b75
```
#467b75 rgb(70,123,117)
```

Split Complementary Color

#5a467b
```
#5a467b rgb(90,70,123)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#467b5a
```
#467b5a rgb(70,123,90)
```

Triadic Color

#7b4667
```
#7b4667 rgb(123,70,103)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#467b5a
```
#467b5a rgb(70,123,90)
```
#46677b
```
#46677b rgb(70,103,123)
```

Tetradic Color

#4a362a
```
#4a362a rgb(74,54,42)
```
#5a4234
```
#5a4234 rgb(90,66,52)
```
#6b4e3d
```
#6b4e3d rgb(107,78,61)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#8b664f
```
#8b664f rgb(139,102,79)
```
#9c7258
```
#9c7258 rgb(156,114,88)
```
#a87f66
```
#a87f66 rgb(168,127,102)
```

Monochromatic Color

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

#7b4d46
```
#7b4d46 rgb(123,77,70)
```
#7b5146
```
#7b5146 rgb(123,81,70)
```
#7b5646
```
#7b5646 rgb(123,86,70)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#7b5e46
```
#7b5e46 rgb(123,94,70)
```
#7b6346
```
#7b6346 rgb(123,99,70)
```
#7b6746
```
#7b6746 rgb(123,103,70)
```

Similar Colors

Text with hexadecimal color #7b5a46

This text has a font color of #7b5a46.

<span style="color:#7b5a46;">Text here</span>

#7b5a46 background color

This paragraph has a background color of #7b5a46.

<p style="background-color:#7b5a46;">Content here</p>

#7b5a46 border color

This element has a border color of #7b5a46.

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

CSS codes

.text {color:#7b5a46;}

.background {background-color:#7b5a46;}

.border {border:1px solid #7b5a46;}

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

#0a0806
```
#0a0806 rgb(10,8,6)
```
#17110d
```
#17110d rgb(23,17,13)
```
#231a14
```
#231a14 rgb(35,26,20)
```
#30231b
```
#30231b rgb(48,35,27)
```
#3c2c22
```
#3c2c22 rgb(60,44,34)
```
#49352a
```
#49352a rgb(73,53,42)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#624838
```
#624838 rgb(98,72,56)
```
#6e513f
```
#6e513f rgb(110,81,63)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#88634d
```
#88634d rgb(136,99,77)
```
#946c54
```
#946c54 rgb(148,108,84)
```
#a1755b
```
#a1755b rgb(161,117,91)
```

Shade Color Variation

#a88067
```
#a88067 rgb(168,128,103)
```
#b08a73
```
#b08a73 rgb(176,138,115)
```
#b79580
```
#b79580 rgb(183,149,128)
```
#be9f8c
```
#be9f8c rgb(190,159,140)
```
#c5aa99
```
#c5aa99 rgb(197,170,153)
```
#ccb4a5
```
#ccb4a5 rgb(204,180,165)
```
#d3bfb2
```
#d3bfb2 rgb(211,191,178)
```
#dac9be
```
#dac9be rgb(218,201,190)
```
#e1d3cb
```
#e1d3cb rgb(225,211,203)
```
#e9ded7
```
#e9ded7 rgb(233,222,215)
```
#f0e8e4
```
#f0e8e4 rgb(240,232,228)
```
#f7f3f0
```
#f7f3f0 rgb(247,243,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#655f5c
```
#655f5c rgb(101,95,92)
```
#6c5e55
```
#6c5e55 rgb(108,94,85)
```
#745c4d
```
#745c4d rgb(116,92,77)
```
#7b5a46
```
#7b5a46 rgb(123,90,70)
```
#82583f
```
#82583f rgb(130,88,63)
```
#8a5637
```
#8a5637 rgb(138,86,55)
```
#915530
```
#915530 rgb(145,85,48)
```
#995328
```
#995328 rgb(153,83,40)
```
#a05121
```
#a05121 rgb(160,81,33)
```
#a84f19
```
#a84f19 rgb(168,79,25)
```
#af4d12
```
#af4d12 rgb(175,77,18)
```
#b64b0b
```
#b64b0b rgb(182,75,11)
```
#be4a03
```
#be4a03 rgb(190,74,3)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#67605c Atypical Achromatopsia 0.001% of the population

Dichromacy

#706952 Protanopia 1% of men
#7b654e Deuteranopia 1% of men
#845f66 Tritanopia 0.001% of the population

Trichromacy

#74634d Protanomaly 1% of men, 0.01% of women
#7b614b Deuteranomaly 6% of men, 0.4% of women
#805d5a Tritanomaly 0.01% of the population

#7b5a46 hex color

#7b5a46 Color Information

#7b5a46 Color Conversion

Color Schemes with #7b5a46

Alternatives to #7b5a46

#7b5a46 Preview

Shades and Tints of #7b5a46

Tones of #7b5a46

Color Blindness Simulator