#745a2f hex color

In a RGB color space, hex #745a2f is composed of 45.5% red, 35.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 59.5% yellow and 54.5% black. It has a hue angle of 37.4 degrees, a saturation of 42.3% and a lightness of 32%. #745a2f color hex could be obtained by blending #e8b45e with #000000. Closest websafe color is: #666633.

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

● #745a2f color description : Dark moderate orange.

The hexadecimal color #745a2f has RGB values of R:116, G:90, B:47 and CMYK values of C:0, M:0.22, Y:0.59, K:0.55. Its decimal value is 7625263.

Hex triplet	745a2f	`#745a2f`
RGB Decimal	116, 90, 47	`rgb(116,90,47)`
RGB Percent	45.5, 35.3, 18.4	`rgb(45.5%,35.3%,18.4%)`
CMYK	0, 22, 59, 55
HSL	37.4°, 42.3, 32	`hsl(37.4,42.3%,32%)`
HSV (or HSB)	37.4°, 59.5, 45.5
Web Safe	666633	`#666633`

CIE-LAB	39.967, 5.14, 28.609
XYZ	11.372, 11.231, 4.258
xyY	0.423, 0.418, 11.231
CIE-LCH	39.967, 29.067, 79.814
CIE-LUV	39.967, 19.91, 29.329
Hunter-Lab	33.513, 1.923, 15.926
Binary	01110100, 01011010, 00101111

#745a2f
```
#745a2f rgb(116,90,47)
```
#2f4974
```
#2f4974 rgb(47,73,116)
```

Complementary Color

#74382f
```
#74382f rgb(116,56,47)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#6c742f
```
#6c742f rgb(108,116,47)
```

Analogous Color

#382f74
```
#382f74 rgb(56,47,116)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#2f6c74
```
#2f6c74 rgb(47,108,116)
```

Split Complementary Color

#5a2f74
```
#5a2f74 rgb(90,47,116)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#2f745a
```
#2f745a rgb(47,116,90)
```

Triadic Color

#742f49
```
#742f49 rgb(116,47,73)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#2f745a
```
#2f745a rgb(47,116,90)
```
#2f4974
```
#2f4974 rgb(47,73,116)
```

Tetradic Color

#3e3019
```
#3e3019 rgb(62,48,25)
```
#503e20
```
#503e20 rgb(80,62,32)
```
#624c28
```
#624c28 rgb(98,76,40)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#866836
```
#866836 rgb(134,104,54)
```
#98763e
```
#98763e rgb(152,118,62)
```
#aa8445
```
#aa8445 rgb(170,132,69)
```

Monochromatic Color

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

#74492f
```
#74492f rgb(116,73,47)
```
#744f2f
```
#744f2f rgb(116,79,47)
```
#74542f
```
#74542f rgb(116,84,47)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#74602f
```
#74602f rgb(116,96,47)
```
#74662f
```
#74662f rgb(116,102,47)
```
#746b2f
```
#746b2f rgb(116,107,47)
```

Similar Colors

Text with hexadecimal color #745a2f

This text has a font color of #745a2f.

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

#745a2f background color

This paragraph has a background color of #745a2f.

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

#745a2f border color

This element has a border color of #745a2f.

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

CSS codes

.text {color:#745a2f;}

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

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

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, #040302 is the darkest color, while #fbf9f5 is the lightest one.

#040302
```
#040302 rgb(4,3,2)
```
#120e07
```
#120e07 rgb(18,14,7)
```
#20190d
```
#20190d rgb(32,25,13)
```
#2e2413
```
#2e2413 rgb(46,36,19)
```
#3c2f18
```
#3c2f18 rgb(60,47,24)
```
#4a3a1e
```
#4a3a1e rgb(74,58,30)
```
#584424
```
#584424 rgb(88,68,36)
```
#664f29
```
#664f29 rgb(102,79,41)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#826535
```
#826535 rgb(130,101,53)
```
#90703a
```
#90703a rgb(144,112,58)
```
#9e7a40
```
#9e7a40 rgb(158,122,64)
```
#ac8546
```
#ac8546 rgb(172,133,70)
```

Shade Color Variation

#b7904e
```
#b7904e rgb(183,144,78)
```
#bd985c
```
#bd985c rgb(189,152,92)
```
#c3a16a
```
#c3a16a rgb(195,161,106)
```
#c8aa78
```
#c8aa78 rgb(200,170,120)
```
#ceb386
```
#ceb386 rgb(206,179,134)
```
#d4bb94
```
#d4bb94 rgb(212,187,148)
```
#d9c4a2
```
#d9c4a2 rgb(217,196,162)
```
#dfcdb0
```
#dfcdb0 rgb(223,205,176)
```
#e4d6be
```
#e4d6be rgb(228,214,190)
```
#eadfcb
```
#eadfcb rgb(234,223,203)
```
#f0e7d9
```
#f0e7d9 rgb(240,231,217)
```
#f5f0e7
```
#f5f0e7 rgb(245,240,231)
```
#fbf9f5
```
#fbf9f5 rgb(251,249,245)
```

Tint Color Variation

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

#55524e
```
#55524e rgb(85,82,78)
```
#5b5448
```
#5b5448 rgb(91,84,72)
```
#615542
```
#615542 rgb(97,85,66)
```
#67573c
```
#67573c rgb(103,87,60)
```
#6e5835
```
#6e5835 rgb(110,88,53)
```
#745a2f
```
#745a2f rgb(116,90,47)
```
#7a5c29
```
#7a5c29 rgb(122,92,41)
```
#815d22
```
#815d22 rgb(129,93,34)
```
#875f1c
```
#875f1c rgb(135,95,28)
```
#8d6016
```
#8d6016 rgb(141,96,22)
```
#936210
```
#936210 rgb(147,98,16)
```
#9a6309
```
#9a6309 rgb(154,99,9)
```
#a06503
```
#a06503 rgb(160,101,3)
```

Tone Color Variation

Below, you can see how #745a2f 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
#625c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70663b Protanopia 1% of men
#7c623a Deuteranopia 1% of men
#7f5d64 Tritanopia 0.001% of the population

Trichromacy

#716236 Protanomaly 1% of men, 0.01% of women
#795f36 Deuteranomaly 6% of men, 0.4% of women
#7b5c50 Tritanomaly 0.01% of the population

#745a2f hex color

#745a2f Color Information

#745a2f Color Conversion

Color Schemes with #745a2f

Alternatives to #745a2f

#745a2f Preview

Shades and Tints of #745a2f

Tones of #745a2f

Color Blindness Simulator