#745a1f hex color

In a RGB color space, hex #745a1f is composed of 45.5% red, 35.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 73.3% yellow and 54.5% black. It has a hue angle of 41.6 degrees, a saturation of 57.8% and a lightness of 28.8%. #745a1f color hex could be obtained by blending #e8b43e with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #745a1f has RGB values of R:116, G:90, B:31 and CMYK values of C:0, M:0.22, Y:0.73, K:0.55. Its decimal value is 7625247.

Hex triplet	745a1f	`#745a1f`
RGB Decimal	116, 90, 31	`rgb(116,90,31)`
RGB Percent	45.5, 35.3, 12.2	`rgb(45.5%,35.3%,12.2%)`
CMYK	0, 22, 73, 55
HSL	41.6°, 57.8, 28.8	`hsl(41.6,57.8%,28.8%)`
HSV (or HSB)	41.6°, 73.3, 45.5
Web Safe	666633	`#666633`

CIE-LAB	39.79, 3.97, 36.747
XYZ	11.106, 11.125, 2.859
xyY	0.443, 0.443, 11.125
CIE-LCH	39.79, 36.961, 83.835
CIE-LUV	39.79, 20.842, 35.362
Hunter-Lab	33.354, 1.067, 18.266
Binary	01110100, 01011010, 00011111

#745a1f
```
#745a1f rgb(116,90,31)
```
#1f3974
```
#1f3974 rgb(31,57,116)
```

Complementary Color

#74301f
```
#74301f rgb(116,48,31)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#64741f
```
#64741f rgb(100,116,31)
```

Analogous Color

#2f1f74
```
#2f1f74 rgb(47,31,116)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#1f6474
```
#1f6474 rgb(31,100,116)
```

Split Complementary Color

#5a1f74
```
#5a1f74 rgb(90,31,116)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#1f745a
```
#1f745a rgb(31,116,90)
```

Triadic Color

#741f39
```
#741f39 rgb(116,31,57)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#1f745a
```
#1f745a rgb(31,116,90)
```
#1f3974
```
#1f3974 rgb(31,57,116)
```

Tetradic Color

#382b0f
```
#382b0f rgb(56,43,15)
```
#4c3b14
```
#4c3b14 rgb(76,59,20)
```
#604a1a
```
#604a1a rgb(96,74,26)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#886a24
```
#886a24 rgb(136,106,36)
```
#9c792a
```
#9c792a rgb(156,121,42)
```
#b0892f
```
#b0892f rgb(176,137,47)
```

Monochromatic Color

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

#74451f
```
#74451f rgb(116,69,31)
```
#744c1f
```
#744c1f rgb(116,76,31)
```
#74531f
```
#74531f rgb(116,83,31)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#74611f
```
#74611f rgb(116,97,31)
```
#74681f
```
#74681f rgb(116,104,31)
```
#746f1f
```
#746f1f rgb(116,111,31)
```

Similar Colors

Text with hexadecimal color #745a1f

This text has a font color of #745a1f.

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

#745a1f background color

This paragraph has a background color of #745a1f.

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

#745a1f border color

This element has a border color of #745a1f.

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

CSS codes

.text {color:#745a1f;}

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

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

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

#080602
```
#080602 rgb(8,6,2)
```
#171206
```
#171206 rgb(23,18,6)
```
#271e0a
```
#271e0a rgb(39,30,10)
```
#362a0e
```
#362a0e rgb(54,42,14)
```
#463613
```
#463613 rgb(70,54,19)
```
#554217
```
#554217 rgb(85,66,23)
```
#654e1b
```
#654e1b rgb(101,78,27)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#836623
```
#836623 rgb(131,102,35)
```
#937227
```
#937227 rgb(147,114,39)
```
#a27e2b
```
#a27e2b rgb(162,126,43)
```
#b28a30
```
#b28a30 rgb(178,138,48)
```
#c19634
```
#c19634 rgb(193,150,52)
```

Shade Color Variation

#cba03d
```
#cba03d rgb(203,160,61)
```
#cfa74d
```
#cfa74d rgb(207,167,77)
```
#d4af5c
```
#d4af5c rgb(212,175,92)
```
#d8b76c
```
#d8b76c rgb(216,183,108)
```
#dcbe7b
```
#dcbe7b rgb(220,190,123)
```
#e0c68b
```
#e0c68b rgb(224,198,139)
```
#e4ce9a
```
#e4ce9a rgb(228,206,154)
```
#e8d5aa
```
#e8d5aa rgb(232,213,170)
```
#ecddb9
```
#ecddb9 rgb(236,221,185)
```
#f0e4c9
```
#f0e4c9 rgb(240,228,201)
```
#f5ecd8
```
#f5ecd8 rgb(245,236,216)
```
#f9f4e8
```
#f9f4e8 rgb(249,244,232)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#4c4b47
```
#4c4b47 rgb(76,75,71)
```
#524d41
```
#524d41 rgb(82,77,65)
```
#584f3b
```
#584f3b rgb(88,79,59)
```
#5d5136
```
#5d5136 rgb(93,81,54)
```
#635330
```
#635330 rgb(99,83,48)
```
#69562a
```
#69562a rgb(105,86,42)
```
#6e5825
```
#6e5825 rgb(110,88,37)
```
#745a1f
```
#745a1f rgb(116,90,31)
```
#7a5c19
```
#7a5c19 rgb(122,92,25)
```
#7f5e14
```
#7f5e14 rgb(127,94,20)
```
#85610e
```
#85610e rgb(133,97,14)
```
#8b6308
```
#8b6308 rgb(139,99,8)
```
#906503
```
#906503 rgb(144,101,3)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#605b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#71662b Protanopia 1% of men
#7d612b Deuteranopia 1% of men
#7f5c63 Tritanopia 0.001% of the population

Trichromacy

#726127 Protanomaly 1% of men, 0.01% of women
#7a5e26 Deuteranomaly 6% of men, 0.4% of women
#7b5b4a Tritanomaly 0.01% of the population

#745a1f hex color

#745a1f Color Information

#745a1f Color Conversion

Color Schemes with #745a1f

Alternatives to #745a1f

#745a1f Preview

Shades and Tints of #745a1f

Tones of #745a1f

Color Blindness Simulator