colorhexa.com

#7b5334 hex color

In a RGB color space, hex #7b5334 is composed of 48.2% red, 32.5% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 57.7% yellow and 51.8% black. It has a hue angle of 26.2 degrees, a saturation of 40.6% and a lightness of 34.3%. #7b5334 color hex could be obtained by blending #f6a668 with #000000. Closest websafe color is: #666633.

- R 48
- G 33
- B 20
RGB color chart
- C 0
- M 33
- Y 58
- K 52
CMYK color chart

● #7b5334 color description : Dark moderate orange.

The hexadecimal color #7b5334 has RGB values of R:123, G:83, B:52 and CMYK values of C:0, M:0.33, Y:0.58, K:0.52. Its decimal value is 8082228.

Hex triplet	7b5334	`#7b5334`
RGB Decimal	123, 83, 52	`rgb(123,83,52)`
RGB Percent	48.2, 32.5, 20.4	`rgb(48.2%,32.5%,20.4%)`
CMYK	0, 33, 58, 52
HSL	26.2°, 40.6, 34.3	`hsl(26.2,40.6%,34.3%)`
HSV (or HSB)	26.2°, 57.7, 48.2
Web Safe	666633	`#666633`

CIE-LAB	38.978, 13.032, 24.743
XYZ	11.882, 10.646, 4.678
xyY	0.437, 0.391, 10.646
CIE-LCH	38.978, 27.965, 62.225
CIE-LUV	38.978, 29.501, 24.266
Hunter-Lab	32.628, 7.901, 14.34
Binary	01111011, 01010011, 00110100

#7b5334
```
#7b5334 rgb(123,83,52)
```
#345c7b
```
#345c7b rgb(52,92,123)
```

Complementary Color

#7b3439
```
#7b3439 rgb(123,52,57)
```
#7b5334
```
#7b5334 rgb(123,83,52)
```
#7b7734
```
#7b7734 rgb(123,119,52)
```

Analogous Color

#34397b
```
#34397b rgb(52,57,123)
```
#7b5334
```
#7b5334 rgb(123,83,52)
```
#347b77
```
#347b77 rgb(52,123,119)
```

Split Complementary Color

#53347b
```
#53347b rgb(83,52,123)
```
#7b5334
```
#7b5334 rgb(123,83,52)
```
#347b53
```
#347b53 rgb(52,123,83)
```

Triadic Color

#452f1d
```
#452f1d rgb(69,47,29)
```
#573b25
```
#573b25 rgb(87,59,37)
```
#69472c
```
#69472c rgb(105,71,44)
```
#7b5334
```
#7b5334 rgb(123,83,52)
```
#8d5f3c
```
#8d5f3c rgb(141,95,60)
```
#9f6b43
```
#9f6b43 rgb(159,107,67)
```
#b1774b
```
#b1774b rgb(177,119,75)
```

Monochromatic Color

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

#7b4134
```
#7b4134 rgb(123,65,52)
```
#7b4734
```
#7b4734 rgb(123,71,52)
```
#7b4d34
```
#7b4d34 rgb(123,77,52)
```
#7b5334
```
#7b5334 rgb(123,83,52)
```
#7b5934
```
#7b5934 rgb(123,89,52)
```
#7b5f34
```
#7b5f34 rgb(123,95,52)
```
#7b6534
```
#7b6534 rgb(123,101,52)
```

Similar Colors

Text with hexadecimal color #7b5334

This text has a font color of #7b5334.

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

#7b5334 background color

This paragraph has a background color of #7b5334.

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

#7b5334 border color

This element has a border color of #7b5334.

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

CSS codes

.text {color:#7b5334;}

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

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

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

#0d0905
```
#0d0905 rgb(13,9,5)
```
#1a120b
```
#1a120b rgb(26,18,11)
```
#281b11
```
#281b11 rgb(40,27,17)
```
#362417
```
#362417 rgb(54,36,23)
```
#442e1d
```
#442e1d rgb(68,46,29)
```
#523723
```
#523723 rgb(82,55,35)
```
#5f4028
```
#5f4028 rgb(95,64,40)
```
#6d4a2e
```
#6d4a2e rgb(109,74,46)
```
#7b5334
```
#7b5334 rgb(123,83,52)
```
#895c3a
```
#895c3a rgb(137,92,58)
```
#976640
```
#976640 rgb(151,102,64)
```
#a46f45
```
#a46f45 rgb(164,111,69)
```
#b2784b
```
#b2784b rgb(178,120,75)
```

Shade Color Variation

#b98258
```
#b98258 rgb(185,130,88)
```
#be8d66
```
#be8d66 rgb(190,141,102)
```
#c49774
```
#c49774 rgb(196,151,116)
```
#caa182
```
#caa182 rgb(202,161,130)
```
#d0ac90
```
#d0ac90 rgb(208,172,144)
```
#d6b69d
```
#d6b69d rgb(214,182,157)
```
#dcc0ab
```
#dcc0ab rgb(220,192,171)
```
#e1cbb9
```
#e1cbb9 rgb(225,203,185)
```
#e7d5c7
```
#e7d5c7 rgb(231,213,199)
```
#eddfd5
```
#eddfd5 rgb(237,223,213)
```
#f3eae2
```
#f3eae2 rgb(243,234,226)
```
#f9f4f0
```
#f9f4f0 rgb(249,244,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#595756
```
#595756 rgb(89,87,86)
```
#60564f
```
#60564f rgb(96,86,79)
```
#675648
```
#675648 rgb(103,86,72)
```
#6e5541
```
#6e5541 rgb(110,85,65)
```
#74543b
```
#74543b rgb(116,84,59)
```
#7b5334
```
#7b5334 rgb(123,83,52)
```
#82522d
```
#82522d rgb(130,82,45)
```
#885127
```
#885127 rgb(136,81,39)
```
#8f5020
```
#8f5020 rgb(143,80,32)
```
#965019
```
#965019 rgb(150,80,25)
```
#9d4f12
```
#9d4f12 rgb(157,79,18)
```
#a34e0c
```
#a34e0c rgb(163,78,12)
```
#aa4d05
```
#aa4d05 rgb(170,77,5)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#615953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6441 Protanopia 1% of men
#78603d Deuteranopia 1% of men
#84575d Tritanopia 0.001% of the population

Trichromacy

#725d3c Protanomaly 1% of men, 0.01% of women
#795b39 Deuteranomaly 6% of men, 0.4% of women
#81564e Tritanomaly 0.01% of the population