#745f2c hex color

In a RGB color space, hex #745f2c is composed of 45.5% red, 37.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 62.1% yellow and 54.5% black. It has a hue angle of 42.5 degrees, a saturation of 45% and a lightness of 31.4%. #745f2c color hex could be obtained by blending #e8be58 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 45
- G 37
- B 17
RGB color chart
- C 0
- M 18
- Y 62
- K 55
CMYK color chart

● #745f2c color description : Dark moderate orange.

The hexadecimal color #745f2c has RGB values of R:116, G:95, B:44 and CMYK values of C:0, M:0.18, Y:0.62, K:0.55. Its decimal value is 7626540.

Hex triplet	745f2c	`#745f2c`
RGB Decimal	116, 95, 44	`rgb(116,95,44)`
RGB Percent	45.5, 37.3, 17.3	`rgb(45.5%,37.3%,17.3%)`
CMYK	0, 18, 62, 55
HSL	42.5°, 45, 31.4	`hsl(42.5,45%,31.4%)`
HSV (or HSB)	42.5°, 62.1, 45.5
Web Safe	666633	`#666633`

CIE-LAB	41.343, 1.908, 31.856
XYZ	11.749, 12.08, 4.095
xyY	0.421, 0.433, 12.08
CIE-LCH	41.343, 31.913, 86.572
CIE-LUV	41.343, 16.746, 32.997
Hunter-Lab	34.756, -0.48, 17.343
Binary	01110100, 01011111, 00101100

#745f2c
```
#745f2c rgb(116,95,44)
```
#2c4174
```
#2c4174 rgb(44,65,116)
```

Complementary Color

#743b2c
```
#743b2c rgb(116,59,44)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#65742c
```
#65742c rgb(101,116,44)
```

Analogous Color

#3b2c74
```
#3b2c74 rgb(59,44,116)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#2c6574
```
#2c6574 rgb(44,101,116)
```

Split Complementary Color

#5f2c74
```
#5f2c74 rgb(95,44,116)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#2c745f
```
#2c745f rgb(44,116,95)
```

Triadic Color

#742c41
```
#742c41 rgb(116,44,65)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#2c745f
```
#2c745f rgb(44,116,95)
```
#2c4174
```
#2c4174 rgb(44,65,116)
```

Tetradic Color

#3d3217
```
#3d3217 rgb(61,50,23)
```
#4f411e
```
#4f411e rgb(79,65,30)
```
#625025
```
#625025 rgb(98,80,37)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#866e33
```
#866e33 rgb(134,110,51)
```
#997d3a
```
#997d3a rgb(153,125,58)
```
#ab8c41
```
#ab8c41 rgb(171,140,65)
```

Monochromatic Color

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

#744d2c
```
#744d2c rgb(116,77,44)
```
#74532c
```
#74532c rgb(116,83,44)
```
#74592c
```
#74592c rgb(116,89,44)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#74652c
```
#74652c rgb(116,101,44)
```
#746b2c
```
#746b2c rgb(116,107,44)
```
#74712c
```
#74712c rgb(116,113,44)
```

Similar Colors

Text with hexadecimal color #745f2c

This text has a font color of #745f2c.

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

#745f2c background color

This paragraph has a background color of #745f2c.

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

#745f2c border color

This element has a border color of #745f2c.

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

CSS codes

.text {color:#745f2c;}

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

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100d06
```
#100d06 rgb(16,13,6)
```
#1f190c
```
#1f190c rgb(31,25,12)
```
#2d2511
```
#2d2511 rgb(45,37,17)
```
#3b3016
```
#3b3016 rgb(59,48,22)
```
#493c1c
```
#493c1c rgb(73,60,28)
```
#584821
```
#584821 rgb(88,72,33)
```
#665327
```
#665327 rgb(102,83,39)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#826b31
```
#826b31 rgb(130,107,49)
```
#907637
```
#907637 rgb(144,118,55)
```
#9f823c
```
#9f823c rgb(159,130,60)
```
#ad8e42
```
#ad8e42 rgb(173,142,66)
```

Shade Color Variation

#ba9948
```
#ba9948 rgb(186,153,72)
```
#bfa157
```
#bfa157 rgb(191,161,87)
```
#c5a965
```
#c5a965 rgb(197,169,101)
```
#cab173
```
#cab173 rgb(202,177,115)
```
#cfb981
```
#cfb981 rgb(207,185,129)
```
#d5c18f
```
#d5c18f rgb(213,193,143)
```
#dac89e
```
#dac89e rgb(218,200,158)
```
#dfd0ac
```
#dfd0ac rgb(223,208,172)
```
#e5d8ba
```
#e5d8ba rgb(229,216,186)
```
#eae0c8
```
#eae0c8 rgb(234,224,200)
```
#f0e8d7
```
#f0e8d7 rgb(240,232,215)
```
#f5f0e5
```
#f5f0e5 rgb(245,240,229)
```
#faf8f3
```
#faf8f3 rgb(250,248,243)
```

Tint Color Variation

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

#55524b
```
#55524b rgb(85,82,75)
```
#5b5545
```
#5b5545 rgb(91,85,69)
```
#62573e
```
#62573e rgb(98,87,62)
```
#685a38
```
#685a38 rgb(104,90,56)
```
#6e5c32
```
#6e5c32 rgb(110,92,50)
```
#745f2c
```
#745f2c rgb(116,95,44)
```
#7a6226
```
#7a6226 rgb(122,98,38)
```
#806420
```
#806420 rgb(128,100,32)
```
#86671a
```
#86671a rgb(134,103,26)
```
#8d6913
```
#8d6913 rgb(141,105,19)
```
#936c0d
```
#936c0d rgb(147,108,13)
```
#996e07
```
#996e07 rgb(153,110,7)
```
#9f7101
```
#9f7101 rgb(159,113,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#635f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746937 Protanopia 1% of men
#806537 Deuteranopia 1% of men
#7f6168 Tritanopia 0.001% of the population

Trichromacy

#746533 Protanomaly 1% of men, 0.01% of women
#7c6233 Deuteranomaly 6% of men, 0.4% of women
#7b6052 Tritanomaly 0.01% of the population

#745f2c hex color

#745f2c Color Information

#745f2c Color Conversion

Color Schemes with #745f2c

Alternatives to #745f2c

#745f2c Preview

Shades and Tints of #745f2c

Tones of #745f2c

Color Blindness Simulator