#745222 hex color

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

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

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

The hexadecimal color #745222 has RGB values of R:116, G:82, B:34 and CMYK values of C:0, M:0.29, Y:0.71, K:0.55. Its decimal value is 7623202.

Hex triplet	745222	`#745222`
RGB Decimal	116, 82, 34	`rgb(116,82,34)`
RGB Percent	45.5, 32.2, 13.3	`rgb(45.5%,32.2%,13.3%)`
CMYK	0, 29, 71, 55
HSL	35.1°, 54.7, 29.4	`hsl(35.1,54.7%,29.4%)`
HSV (or HSB)	35.1°, 70.7, 45.5
Web Safe	666633	`#666633`

CIE-LAB	37.597, 8.959, 32.931
XYZ	10.509, 9.864, 2.864
xyY	0.452, 0.424, 9.864
CIE-LCH	37.597, 34.127, 74.781
CIE-LUV	37.597, 26.286, 30.823
Hunter-Lab	31.407, 4.765, 16.578
Binary	01110100, 01010010, 00100010

#745222
```
#745222 rgb(116,82,34)
```
#224474
```
#224474 rgb(34,68,116)
```

Complementary Color

#742922
```
#742922 rgb(116,41,34)
```
#745222
```
#745222 rgb(116,82,34)
```
#6d7422
```
#6d7422 rgb(109,116,34)
```

Analogous Color

#292274
```
#292274 rgb(41,34,116)
```
#745222
```
#745222 rgb(116,82,34)
```
#226d74
```
#226d74 rgb(34,109,116)
```

Split Complementary Color

#522274
```
#522274 rgb(82,34,116)
```
#745222
```
#745222 rgb(116,82,34)
```
#227452
```
#227452 rgb(34,116,82)
```

Triadic Color

#742244
```
#742244 rgb(116,34,68)
```
#745222
```
#745222 rgb(116,82,34)
```
#227452
```
#227452 rgb(34,116,82)
```
#224474
```
#224474 rgb(34,68,116)
```

Tetradic Color

#392811
```
#392811 rgb(57,40,17)
```
#4d3616
```
#4d3616 rgb(77,54,22)
```
#60441c
```
#60441c rgb(96,68,28)
```
#745222
```
#745222 rgb(116,82,34)
```
#886028
```
#886028 rgb(136,96,40)
```
#9b6e2e
```
#9b6e2e rgb(155,110,46)
```
#af7c33
```
#af7c33 rgb(175,124,51)
```

Monochromatic Color

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

#743e22
```
#743e22 rgb(116,62,34)
```
#744422
```
#744422 rgb(116,68,34)
```
#744b22
```
#744b22 rgb(116,75,34)
```
#745222
```
#745222 rgb(116,82,34)
```
#745922
```
#745922 rgb(116,89,34)
```
#746022
```
#746022 rgb(116,96,34)
```
#746722
```
#746722 rgb(116,103,34)
```

Similar Colors

Text with hexadecimal color #745222

This text has a font color of #745222.

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

#745222 background color

This paragraph has a background color of #745222.

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

#745222 border color

This element has a border color of #745222.

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

CSS codes

.text {color:#745222;}

.background {background-color:#745222;}

.border {border:1px solid #745222;}

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

#0a0703
```
#0a0703 rgb(10,7,3)
```
#191207
```
#191207 rgb(25,18,7)
```
#281c0c
```
#281c0c rgb(40,28,12)
```
#372710
```
#372710 rgb(55,39,16)
```
#463215
```
#463215 rgb(70,50,21)
```
#563d19
```
#563d19 rgb(86,61,25)
```
#65471e
```
#65471e rgb(101,71,30)
```
#745222
```
#745222 rgb(116,82,34)
```
#835d26
```
#835d26 rgb(131,93,38)
```
#92672b
```
#92672b rgb(146,103,43)
```
#a2722f
```
#a2722f rgb(162,114,47)
```
#b17d34
```
#b17d34 rgb(177,125,52)
```
#c08838
```
#c08838 rgb(192,136,56)
```

Shade Color Variation

#c89144
```
#c89144 rgb(200,145,68)
```
#cd9a53
```
#cd9a53 rgb(205,154,83)
```
#d1a362
```
#d1a362 rgb(209,163,98)
```
#d5ac71
```
#d5ac71 rgb(213,172,113)
```
#dab580
```
#dab580 rgb(218,181,128)
```
#debe8f
```
#debe8f rgb(222,190,143)
```
#e3c79f
```
#e3c79f rgb(227,199,159)
```
#e7cfae
```
#e7cfae rgb(231,207,174)
```
#ecd8bd
```
#ecd8bd rgb(236,216,189)
```
#f0e1cc
```
#f0e1cc rgb(240,225,204)
```
#f5eadb
```
#f5eadb rgb(245,234,219)
```
#f9f3ea
```
#f9f3ea rgb(249,243,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 #915705 is the most saturated one.

#4c4b4a
```
#4c4b4a rgb(76,75,74)
```
#514c45
```
#514c45 rgb(81,76,69)
```
#574d3f
```
#574d3f rgb(87,77,63)
```
#5d4e39
```
#5d4e39 rgb(93,78,57)
```
#634f33
```
#634f33 rgb(99,79,51)
```
#68502e
```
#68502e rgb(104,80,46)
```
#6e5128
```
#6e5128 rgb(110,81,40)
```
#745222
```
#745222 rgb(116,82,34)
```
#7a531c
```
#7a531c rgb(122,83,28)
```
#805416
```
#805416 rgb(128,84,22)
```
#855511
```
#855511 rgb(133,85,17)
```
#8b560b
```
#8b560b rgb(139,86,11)
```
#915705
```
#915705 rgb(145,87,5)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5d564c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b612f Protanopia 1% of men
#775c2c Deuteranopia 1% of men
#7e555b Tritanopia 0.001% of the population

Trichromacy

#6e5b2a Protanomaly 1% of men, 0.01% of women
#765828 Deuteranomaly 6% of men, 0.4% of women
#7a5446 Tritanomaly 0.01% of the population

#745222 hex color

#745222 Color Information

#745222 Color Conversion

Color Schemes with #745222

Alternatives to #745222

#745222 Preview

Shades and Tints of #745222

Tones of #745222

Color Blindness Simulator