#745a22 hex color

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

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

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

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

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

CIE-LAB	39.818, 4.154, 35.321
XYZ	11.148, 11.141, 3.077
xyY	0.439, 0.439, 11.141
CIE-LCH	39.818, 35.564, 83.293
CIE-LUV	39.818, 20.693, 34.399
Hunter-Lab	33.379, 1.201, 17.9
Binary	01110100, 01011010, 00100010

#745a22
```
#745a22 rgb(116,90,34)
```
#223c74
```
#223c74 rgb(34,60,116)
```

Complementary Color

#743122
```
#743122 rgb(116,49,34)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#657422
```
#657422 rgb(101,116,34)
```

Analogous Color

#312274
```
#312274 rgb(49,34,116)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#226574
```
#226574 rgb(34,101,116)
```

Split Complementary Color

#5a2274
```
#5a2274 rgb(90,34,116)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#22745a
```
#22745a rgb(34,116,90)
```

Triadic Color

#74223c
```
#74223c rgb(116,34,60)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#22745a
```
#22745a rgb(34,116,90)
```
#223c74
```
#223c74 rgb(34,60,116)
```

Tetradic Color

#392c11
```
#392c11 rgb(57,44,17)
```
#4d3b16
```
#4d3b16 rgb(77,59,22)
```
#604b1c
```
#604b1c rgb(96,75,28)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#886928
```
#886928 rgb(136,105,40)
```
#9b792e
```
#9b792e rgb(155,121,46)
```
#af8833
```
#af8833 rgb(175,136,51)
```

Monochromatic Color

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

#744622
```
#744622 rgb(116,70,34)
```
#744c22
```
#744c22 rgb(116,76,34)
```
#745322
```
#745322 rgb(116,83,34)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#746122
```
#746122 rgb(116,97,34)
```
#746822
```
#746822 rgb(116,104,34)
```
#746f22
```
#746f22 rgb(116,111,34)
```

Similar Colors

Text with hexadecimal color #745a22

This text has a font color of #745a22.

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

#745a22 background color

This paragraph has a background color of #745a22.

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

#745a22 border color

This element has a border color of #745a22.

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

CSS codes

.text {color:#745a22;}

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

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

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)
```
#191307
```
#191307 rgb(25,19,7)
```
#281f0c
```
#281f0c rgb(40,31,12)
```
#372b10
```
#372b10 rgb(55,43,16)
```
#463715
```
#463715 rgb(70,55,21)
```
#564219
```
#564219 rgb(86,66,25)
```
#654e1e
```
#654e1e rgb(101,78,30)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#836626
```
#836626 rgb(131,102,38)
```
#92722b
```
#92722b rgb(146,114,43)
```
#a27d2f
```
#a27d2f rgb(162,125,47)
```
#b18934
```
#b18934 rgb(177,137,52)
```
#c09538
```
#c09538 rgb(192,149,56)
```

Shade Color Variation

#c89e44
```
#c89e44 rgb(200,158,68)
```
#cda653
```
#cda653 rgb(205,166,83)
```
#d1ae62
```
#d1ae62 rgb(209,174,98)
```
#d5b671
```
#d5b671 rgb(213,182,113)
```
#dabd80
```
#dabd80 rgb(218,189,128)
```
#dec58f
```
#dec58f rgb(222,197,143)
```
#e3cd9f
```
#e3cd9f rgb(227,205,159)
```
#e7d5ae
```
#e7d5ae rgb(231,213,174)
```
#ecddbd
```
#ecddbd rgb(236,221,189)
```
#f0e5cc
```
#f0e5cc rgb(240,229,204)
```
#f5eddb
```
#f5eddb rgb(245,237,219)
```
#f9f4ea
```
#f9f4ea rgb(249,244,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 #916505 is the most saturated one.

#4c4b4a
```
#4c4b4a rgb(76,75,74)
```
#514d45
```
#514d45 rgb(81,77,69)
```
#574f3f
```
#574f3f rgb(87,79,63)
```
#5d5239
```
#5d5239 rgb(93,82,57)
```
#635433
```
#635433 rgb(99,84,51)
```
#68562e
```
#68562e rgb(104,86,46)
```
#6e5828
```
#6e5828 rgb(110,88,40)
```
#745a22
```
#745a22 rgb(116,90,34)
```
#7a5c1c
```
#7a5c1c rgb(122,92,28)
```
#805e16
```
#805e16 rgb(128,94,22)
```
#856011
```
#856011 rgb(133,96,17)
```
#8b620b
```
#8b620b rgb(139,98,11)
```
#916505
```
#916505 rgb(145,101,5)
```

Tone Color Variation

Below, you can see how #745a22 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
#605b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71662e Protanopia 1% of men
#7d612d Deuteranopia 1% of men
#7f5c63 Tritanopia 0.001% of the population

Trichromacy

#72612a Protanomaly 1% of men, 0.01% of women
#7a5e29 Deuteranomaly 6% of men, 0.4% of women
#7b5b4b Tritanomaly 0.01% of the population

#745a22 hex color

#745a22 Color Information

#745a22 Color Conversion

Color Schemes with #745a22

Alternatives to #745a22

#745a22 Preview

Shades and Tints of #745a22

Tones of #745a22

Color Blindness Simulator