#745d22 hex color

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

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

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

The hexadecimal color #745d22 has RGB values of R:116, G:93, B:34 and CMYK values of C:0, M:0.2, Y:0.71, K:0.55. Its decimal value is 7626018.

Hex triplet	745d22	`#745d22`
RGB Decimal	116, 93, 34	`rgb(116,93,34)`
RGB Percent	45.5, 36.5, 13.3	`rgb(45.5%,36.5%,13.3%)`
CMYK	0, 20, 71, 55
HSL	43.2°, 54.7, 29.4	`hsl(43.2,54.7%,29.4%)`
HSV (or HSB)	43.2°, 70.7, 45.5
Web Safe	666633	`#666633`

CIE-LAB	40.667, 2.368, 36.222
XYZ	11.406, 11.658, 3.163
xyY	0.435, 0.445, 11.658
CIE-LCH	40.667, 36.299, 86.26
CIE-LUV	40.667, 18.617, 35.751
Hunter-Lab	34.143, -0.123, 18.408
Binary	01110100, 01011101, 00100010

#745d22
```
#745d22 rgb(116,93,34)
```
#223974
```
#223974 rgb(34,57,116)
```

Complementary Color

#743422
```
#743422 rgb(116,52,34)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#627422
```
#627422 rgb(98,116,34)
```

Analogous Color

#342274
```
#342274 rgb(52,34,116)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#226274
```
#226274 rgb(34,98,116)
```

Split Complementary Color

#5d2274
```
#5d2274 rgb(93,34,116)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#22745d
```
#22745d rgb(34,116,93)
```

Triadic Color

#742239
```
#742239 rgb(116,34,57)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#22745d
```
#22745d rgb(34,116,93)
```
#223974
```
#223974 rgb(34,57,116)
```

Tetradic Color

#392e11
```
#392e11 rgb(57,46,17)
```
#4d3d16
```
#4d3d16 rgb(77,61,22)
```
#604d1c
```
#604d1c rgb(96,77,28)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#886d28
```
#886d28 rgb(136,109,40)
```
#9b7d2e
```
#9b7d2e rgb(155,125,46)
```
#af8c33
```
#af8c33 rgb(175,140,51)
```

Monochromatic Color

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

#744922
```
#744922 rgb(116,73,34)
```
#744f22
```
#744f22 rgb(116,79,34)
```
#745622
```
#745622 rgb(116,86,34)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#746422
```
#746422 rgb(116,100,34)
```
#746b22
```
#746b22 rgb(116,107,34)
```
#747222
```
#747222 rgb(116,114,34)
```

Similar Colors

Text with hexadecimal color #745d22

This text has a font color of #745d22.

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

#745d22 background color

This paragraph has a background color of #745d22.

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

#745d22 border color

This element has a border color of #745d22.

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

CSS codes

.text {color:#745d22;}

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

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

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)
```
#372c10
```
#372c10 rgb(55,44,16)
```
#463915
```
#463915 rgb(70,57,21)
```
#564519
```
#564519 rgb(86,69,25)
```
#65511e
```
#65511e rgb(101,81,30)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#836926
```
#836926 rgb(131,105,38)
```
#92752b
```
#92752b rgb(146,117,43)
```
#a2812f
```
#a2812f rgb(162,129,47)
```
#b18e34
```
#b18e34 rgb(177,142,52)
```
#c09a38
```
#c09a38 rgb(192,154,56)
```

Shade Color Variation

#c8a344
```
#c8a344 rgb(200,163,68)
```
#cdaa53
```
#cdaa53 rgb(205,170,83)
```
#d1b262
```
#d1b262 rgb(209,178,98)
```
#d5b971
```
#d5b971 rgb(213,185,113)
```
#dac180
```
#dac180 rgb(218,193,128)
```
#dec88f
```
#dec88f rgb(222,200,143)
```
#e3d09f
```
#e3d09f rgb(227,208,159)
```
#e7d7ae
```
#e7d7ae rgb(231,215,174)
```
#ecdfbd
```
#ecdfbd rgb(236,223,189)
```
#f0e6cc
```
#f0e6cc rgb(240,230,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 #916a05 is the most saturated one.

#4c4b4a
```
#4c4b4a rgb(76,75,74)
```
#514e45
```
#514e45 rgb(81,78,69)
```
#57503f
```
#57503f rgb(87,80,63)
```
#5d5339
```
#5d5339 rgb(93,83,57)
```
#635533
```
#635533 rgb(99,85,51)
```
#68582e
```
#68582e rgb(104,88,46)
```
#6e5a28
```
#6e5a28 rgb(110,90,40)
```
#745d22
```
#745d22 rgb(116,93,34)
```
#7a601c
```
#7a601c rgb(122,96,28)
```
#806216
```
#806216 rgb(128,98,22)
```
#856511
```
#856511 rgb(133,101,17)
```
#8b670b
```
#8b670b rgb(139,103,11)
```
#916a05
```
#916a05 rgb(145,106,5)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#625d51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73682e Protanopia 1% of men
#80632e Deuteranopia 1% of men
#805f66 Tritanopia 0.001% of the population

Trichromacy

#736429 Protanomaly 1% of men, 0.01% of women
#7b6129 Deuteranomaly 6% of men, 0.4% of women
#7b5e4d Tritanomaly 0.01% of the population

#745d22 hex color

#745d22 Color Information

#745d22 Color Conversion

Color Schemes with #745d22

Alternatives to #745d22

#745d22 Preview

Shades and Tints of #745d22

Tones of #745d22

Color Blindness Simulator