#745b22 hex color

In a RGB color space, hex #745b22 is composed of 45.5% red, 35.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.6% magenta, 70.7% yellow and 54.5% black. It has a hue angle of 41.7 degrees, a saturation of 54.7% and a lightness of 29.4%. #745b22 color hex could be obtained by blending #e8b644 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 45
- G 36
- B 13
RGB color chart
- C 0
- M 22
- Y 71
- K 55
CMYK color chart

● #745b22 color description : Dark orange [Brown tone].

The hexadecimal color #745b22 has RGB values of R:116, G:91, B:34 and CMYK values of C:0, M:0.22, Y:0.71, K:0.55. Its decimal value is 7625506.

Hex triplet	745b22	`#745b22`
RGB Decimal	116, 91, 34	`rgb(116,91,34)`
RGB Percent	45.5, 35.7, 13.3	`rgb(45.5%,35.7%,13.3%)`
CMYK	0, 22, 71, 55
HSL	41.7°, 54.7, 29.4	`hsl(41.7,54.7%,29.4%)`
HSV (or HSB)	41.7°, 70.7, 45.5
Web Safe	666633	`#666633`

CIE-LAB	40.1, 3.557, 35.621
XYZ	11.232, 11.311, 3.105
xyY	0.438, 0.441, 11.311
CIE-LCH	40.1, 35.798, 84.297
CIE-LUV	40.1, 19.999, 34.849
Hunter-Lab	33.632, 0.759, 18.069
Binary	01110100, 01011011, 00100010

#745b22
```
#745b22 rgb(116,91,34)
```
#223b74
```
#223b74 rgb(34,59,116)
```

Complementary Color

#743222
```
#743222 rgb(116,50,34)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#647422
```
#647422 rgb(100,116,34)
```

Analogous Color

#322274
```
#322274 rgb(50,34,116)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#226474
```
#226474 rgb(34,100,116)
```

Split Complementary Color

#5b2274
```
#5b2274 rgb(91,34,116)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#22745b
```
#22745b rgb(34,116,91)
```

Triadic Color

#74223b
```
#74223b rgb(116,34,59)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#22745b
```
#22745b rgb(34,116,91)
```
#223b74
```
#223b74 rgb(34,59,116)
```

Tetradic Color

#392d11
```
#392d11 rgb(57,45,17)
```
#4d3c16
```
#4d3c16 rgb(77,60,22)
```
#604c1c
```
#604c1c rgb(96,76,28)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#886a28
```
#886a28 rgb(136,106,40)
```
#9b7a2e
```
#9b7a2e rgb(155,122,46)
```
#af8933
```
#af8933 rgb(175,137,51)
```

Monochromatic Color

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

#744722
```
#744722 rgb(116,71,34)
```
#744d22
```
#744d22 rgb(116,77,34)
```
#745422
```
#745422 rgb(116,84,34)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#746222
```
#746222 rgb(116,98,34)
```
#746922
```
#746922 rgb(116,105,34)
```
#747022
```
#747022 rgb(116,112,34)
```

Similar Colors

Text with hexadecimal color #745b22

This text has a font color of #745b22.

<span style="color:#745b22;">Text here</span>

#745b22 background color

This paragraph has a background color of #745b22.

<p style="background-color:#745b22;">Content here</p>

#745b22 border color

This element has a border color of #745b22.

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

CSS codes

.text {color:#745b22;}

.background {background-color:#745b22;}

.border {border:1px solid #745b22;}

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

#0a0803
```
#0a0803 rgb(10,8,3)
```
#191407
```
#191407 rgb(25,20,7)
```
#28200c
```
#28200c rgb(40,32,12)
```
#372b10
```
#372b10 rgb(55,43,16)
```
#463715
```
#463715 rgb(70,55,21)
```
#564319
```
#564319 rgb(86,67,25)
```
#654f1e
```
#654f1e rgb(101,79,30)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#836726
```
#836726 rgb(131,103,38)
```
#92732b
```
#92732b rgb(146,115,43)
```
#a27f2f
```
#a27f2f rgb(162,127,47)
```
#b18b34
```
#b18b34 rgb(177,139,52)
```
#c09738
```
#c09738 rgb(192,151,56)
```

Shade Color Variation

#c8a044
```
#c8a044 rgb(200,160,68)
```
#cda753
```
#cda753 rgb(205,167,83)
```
#d1af62
```
#d1af62 rgb(209,175,98)
```
#d5b771
```
#d5b771 rgb(213,183,113)
```
#dabf80
```
#dabf80 rgb(218,191,128)
```
#dec68f
```
#dec68f rgb(222,198,143)
```
#e3ce9f
```
#e3ce9f rgb(227,206,159)
```
#e7d6ae
```
#e7d6ae rgb(231,214,174)
```
#ecddbd
```
#ecddbd rgb(236,221,189)
```
#f0e5cc
```
#f0e5cc rgb(240,229,204)
```
#f5eddb
```
#f5eddb rgb(245,237,219)
```
#f9f5ea
```
#f9f5ea rgb(249,245,234)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#4c4b4a
```
#4c4b4a rgb(76,75,74)
```
#514d45
```
#514d45 rgb(81,77,69)
```
#57503f
```
#57503f rgb(87,80,63)
```
#5d5239
```
#5d5239 rgb(93,82,57)
```
#635433
```
#635433 rgb(99,84,51)
```
#68562e
```
#68562e rgb(104,86,46)
```
#6e5928
```
#6e5928 rgb(110,89,40)
```
#745b22
```
#745b22 rgb(116,91,34)
```
#7a5d1c
```
#7a5d1c rgb(122,93,28)
```
#806016
```
#806016 rgb(128,96,22)
```
#856211
```
#856211 rgb(133,98,17)
```
#8b640b
```
#8b640b rgb(139,100,11)
```
#916605
```
#916605 rgb(145,102,5)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#615c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71662e Protanopia 1% of men
#7e622e Deuteranopia 1% of men
#7f5d64 Tritanopia 0.001% of the population

Trichromacy

#726229 Protanomaly 1% of men, 0.01% of women
#7a5f29 Deuteranomaly 6% of men, 0.4% of women
#7b5c4c Tritanomaly 0.01% of the population

#745b22 hex color

#745b22 Color Information

#745b22 Color Conversion

Color Schemes with #745b22

Alternatives to #745b22

#745b22 Preview

Shades and Tints of #745b22

Tones of #745b22

Color Blindness Simulator