#746f66 hex color

In a RGB color space, hex #746f66 is composed of 45.5% red, 43.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.3% magenta, 12.1% yellow and 54.5% black. It has a hue angle of 38.6 degrees, a saturation of 6.4% and a lightness of 42.7%. #746f66 color hex could be obtained by blending #e8decc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 45
- G 44
- B 40
RGB color chart
- C 0
- M 4
- Y 12
- K 55
CMYK color chart

● #746f66 color description : Dark grayish orange.

The hexadecimal color #746f66 has RGB values of R:116, G:111, B:102 and CMYK values of C:0, M:0.04, Y:0.12, K:0.55. Its decimal value is 7630694.

Hex triplet	746f66	`#746f66`
RGB Decimal	116, 111, 102	`rgb(116,111,102)`
RGB Percent	45.5, 43.5, 40	`rgb(45.5%,43.5%,40%)`
CMYK	0, 4, 12, 55
HSL	38.6°, 6.4, 42.7	`hsl(38.6,6.4%,42.7%)`
HSV (or HSB)	38.6°, 12.1, 45.5
Web Safe	666666	`#666666`

CIE-LAB	47.029, 0.225, 5.697
XYZ	15.285, 16.041, 14.861
xyY	0.331, 0.347, 16.041
CIE-LCH	47.029, 5.702, 87.734
CIE-LUV	47.029, 3.44, 7.412
Hunter-Lab	40.052, -1.97, 6.037
Binary	01110100, 01101111, 01100110

#746f66
```
#746f66 rgb(116,111,102)
```
#666b74
```
#666b74 rgb(102,107,116)
```

Complementary Color

#746866
```
#746866 rgb(116,104,102)
```
#746f66
```
#746f66 rgb(116,111,102)
```
#727466
```
#727466 rgb(114,116,102)
```

Analogous Color

#686674
```
#686674 rgb(104,102,116)
```
#746f66
```
#746f66 rgb(116,111,102)
```
#667274
```
#667274 rgb(102,114,116)
```

Split Complementary Color

#6f6674
```
#6f6674 rgb(111,102,116)
```
#746f66
```
#746f66 rgb(116,111,102)
```
#66746f
```
#66746f rgb(102,116,111)
```

Triadic Color

#74666b
```
#74666b rgb(116,102,107)
```
#746f66
```
#746f66 rgb(116,111,102)
```
#66746f
```
#66746f rgb(102,116,111)
```
#666b74
```
#666b74 rgb(102,107,116)
```

Tetradic Color

#4b4842
```
#4b4842 rgb(75,72,66)
```
#59554e
```
#59554e rgb(89,85,78)
```
#66625a
```
#66625a rgb(102,98,90)
```
#746f66
```
#746f66 rgb(116,111,102)
```
#827c72
```
#827c72 rgb(130,124,114)
```
#8e897f
```
#8e897f rgb(142,137,127)
```
#9a958c
```
#9a958c rgb(154,149,140)
```

Monochromatic Color

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

#746c66
```
#746c66 rgb(116,108,102)
```
#746d66
```
#746d66 rgb(116,109,102)
```
#746e66
```
#746e66 rgb(116,110,102)
```
#746f66
```
#746f66 rgb(116,111,102)
```
#747066
```
#747066 rgb(116,112,102)
```
#747166
```
#747166 rgb(116,113,102)
```
#747366
```
#747366 rgb(116,115,102)
```

Similar Colors

Text with hexadecimal color #746f66

This text has a font color of #746f66.

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

#746f66 background color

This paragraph has a background color of #746f66.

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

#746f66 border color

This element has a border color of #746f66.

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

CSS codes

.text {color:#746f66;}

.background {background-color:#746f66;}

.border {border:1px solid #746f66;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0b0a
```
#0c0b0a rgb(12,11,10)
```
#161513
```
#161513 rgb(22,21,19)
```
#201f1d
```
#201f1d rgb(32,31,29)
```
#2b2926
```
#2b2926 rgb(43,41,38)
```
#35332f
```
#35332f rgb(53,51,47)
```
#403d38
```
#403d38 rgb(64,61,56)
```
#4a4741
```
#4a4741 rgb(74,71,65)
```
#55514a
```
#55514a rgb(85,81,74)
```
#5f5b54
```
#5f5b54 rgb(95,91,84)
```
#6a655d
```
#6a655d rgb(106,101,93)
```
#746f66
```
#746f66 rgb(116,111,102)
```
#7e796f
```
#7e796f rgb(126,121,111)
```

Shade Color Variation

#898378
```
#898378 rgb(137,131,120)
```
#928d83
```
#928d83 rgb(146,141,131)
```
#9b968d
```
#9b968d rgb(155,150,141)
```
#a4a098
```
#a4a098 rgb(164,160,152)
```
#ada9a2
```
#ada9a2 rgb(173,169,162)
```
#b7b3ad
```
#b7b3ad rgb(183,179,173)
```
#c0bdb7
```
#c0bdb7 rgb(192,189,183)
```
#c9c6c2
```
#c9c6c2 rgb(201,198,194)
```
#d2d0cc
```
#d2d0cc rgb(210,208,204)
```
#dbdad6
```
#dbdad6 rgb(219,218,214)
```
#e5e3e1
```
#e5e3e1 rgb(229,227,225)
```
#eeedeb
```
#eeedeb rgb(238,237,235)
```
#f7f6f6
```
#f7f6f6 rgb(247,246,246)
```

Tint Color Variation

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

#746f66
```
#746f66 rgb(116,111,102)
```
#7c715e
```
#7c715e rgb(124,113,94)
```
#857455
```
#857455 rgb(133,116,85)
```
#8d764d
```
#8d764d rgb(141,118,77)
```
#967944
```
#967944 rgb(150,121,68)
```
#9e7b3c
```
#9e7b3c rgb(158,123,60)
```
#a67d34
```
#a67d34 rgb(166,125,52)
```
#af802b
```
#af802b rgb(175,128,43)
```
#b78223
```
#b78223 rgb(183,130,35)
```
#bf851b
```
#bf851b rgb(191,133,27)
```
#c88712
```
#c88712 rgb(200,135,18)
```
#d0890a
```
#d0890a rgb(208,137,10)
```
#d98c01
```
#d98c01 rgb(217,140,1)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#706f6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b766d Protanopia 1% of men
#84736f Deuteranopia 1% of men
#7d747c Tritanopia 0.001% of the population

Trichromacy

#78736b Protanomaly 1% of men, 0.01% of women
#7e716b Deuteranomaly 6% of men, 0.4% of women
#7a7274 Tritanomaly 0.01% of the population

#746f66 hex color

#746f66 Color Information

#746f66 Color Conversion

Color Schemes with #746f66

Alternatives to #746f66

#746f66 Preview

Shades and Tints of #746f66

Tones of #746f66

Color Blindness Simulator