colorhexa.com

#745022 hex color

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

- R 45
- G 31
- B 13
RGB color chart
- C 0
- M 31
- Y 71
- K 55
CMYK color chart

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

The hexadecimal color #745022 has RGB values of R:116, G:80, B:34 and CMYK values of C:0, M:0.31, Y:0.71, K:0.55. Its decimal value is 7622690.

Hex triplet	745022	`#745022`
RGB Decimal	116, 80, 34	`rgb(116,80,34)`
RGB Percent	45.5, 31.4, 13.3	`rgb(45.5%,31.4%,13.3%)`
CMYK	0, 31, 71, 55
HSL	33.7°, 54.7, 29.4	`hsl(33.7,54.7%,29.4%)`
HSV (or HSB)	33.7°, 70.7, 45.5
Web Safe	666633	`#666633`

CIE-LAB	37.053, 10.166, 32.338
XYZ	10.36, 9.566, 2.814
xyY	0.456, 0.421, 9.566
CIE-LCH	37.053, 33.898, 72.548
CIE-LUV	37.053, 27.693, 29.938
Hunter-Lab	30.93, 5.663, 16.256
Binary	01110100, 01010000, 00100010

#745022
```
#745022 rgb(116,80,34)
```
#224674
```
#224674 rgb(34,70,116)
```

Complementary Color

#742722
```
#742722 rgb(116,39,34)
```
#745022
```
#745022 rgb(116,80,34)
```
#6f7422
```
#6f7422 rgb(111,116,34)
```

Analogous Color

#272274
```
#272274 rgb(39,34,116)
```
#745022
```
#745022 rgb(116,80,34)
```
#226f74
```
#226f74 rgb(34,111,116)
```

Split Complementary Color

#502274
```
#502274 rgb(80,34,116)
```
#745022
```
#745022 rgb(116,80,34)
```
#227450
```
#227450 rgb(34,116,80)
```

Triadic Color

#392711
```
#392711 rgb(57,39,17)
```
#4d3516
```
#4d3516 rgb(77,53,22)
```
#60421c
```
#60421c rgb(96,66,28)
```
#745022
```
#745022 rgb(116,80,34)
```
#885e28
```
#885e28 rgb(136,94,40)
```
#9b6b2e
```
#9b6b2e rgb(155,107,46)
```
#af7933
```
#af7933 rgb(175,121,51)
```

Monochromatic Color

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

#743c22
```
#743c22 rgb(116,60,34)
```
#744222
```
#744222 rgb(116,66,34)
```
#744922
```
#744922 rgb(116,73,34)
```
#745022
```
#745022 rgb(116,80,34)
```
#745722
```
#745722 rgb(116,87,34)
```
#745e22
```
#745e22 rgb(116,94,34)
```
#746522
```
#746522 rgb(116,101,34)
```

Similar Colors

Text with hexadecimal color #745022

This text has a font color of #745022.

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

#745022 background color

This paragraph has a background color of #745022.

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

#745022 border color

This element has a border color of #745022.

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

CSS codes

.text {color:#745022;}

.background {background-color:#745022;}

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

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)
```
#191107
```
#191107 rgb(25,17,7)
```
#281c0c
```
#281c0c rgb(40,28,12)
```
#372610
```
#372610 rgb(55,38,16)
```
#463115
```
#463115 rgb(70,49,21)
```
#563b19
```
#563b19 rgb(86,59,25)
```
#65461e
```
#65461e rgb(101,70,30)
```
#745022
```
#745022 rgb(116,80,34)
```
#835a26
```
#835a26 rgb(131,90,38)
```
#92652b
```
#92652b rgb(146,101,43)
```
#a26f2f
```
#a26f2f rgb(162,111,47)
```
#b17a34
```
#b17a34 rgb(177,122,52)
```
#c08438
```
#c08438 rgb(192,132,56)
```

Shade Color Variation

#c88e44
```
#c88e44 rgb(200,142,68)
```
#cd9753
```
#cd9753 rgb(205,151,83)
```
#d1a062
```
#d1a062 rgb(209,160,98)
```
#d5a971
```
#d5a971 rgb(213,169,113)
```
#dab380
```
#dab380 rgb(218,179,128)
```
#debc8f
```
#debc8f rgb(222,188,143)
```
#e3c59f
```
#e3c59f rgb(227,197,159)
```
#e7ceae
```
#e7ceae rgb(231,206,174)
```
#ecd7bd
```
#ecd7bd rgb(236,215,189)
```
#f0e0cc
```
#f0e0cc rgb(240,224,204)
```
#f5e9db
```
#f5e9db rgb(245,233,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 #915405 is the most saturated one.

#4c4b4a
```
#4c4b4a rgb(76,75,74)
```
#514c45
```
#514c45 rgb(81,76,69)
```
#574c3f
```
#574c3f rgb(87,76,63)
```
#5d4d39
```
#5d4d39 rgb(93,77,57)
```
#634e33
```
#634e33 rgb(99,78,51)
```
#684f2e
```
#684f2e rgb(104,79,46)
```
#6e4f28
```
#6e4f28 rgb(110,79,40)
```
#745022
```
#745022 rgb(116,80,34)
```
#7a511c
```
#7a511c rgb(122,81,28)
```
#805116
```
#805116 rgb(128,81,22)
```
#855211
```
#855211 rgb(133,82,17)
```
#8b530b
```
#8b530b rgb(139,83,11)
```
#915405
```
#915405 rgb(145,84,5)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#5c554c Atypical Achromatopsia 0.001% of the population

Dichromacy

#69602f Protanopia 1% of men
#755b2c Deuteranopia 1% of men
#7e5459 Tritanopia 0.001% of the population

Trichromacy

#6d5a2a Protanomaly 1% of men, 0.01% of women
#755728 Deuteranomaly 6% of men, 0.4% of women
#7a5245 Tritanomaly 0.01% of the population