#746f63 hex color

In a RGB color space, hex #746f63 is composed of 45.5% red, 43.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.3% magenta, 14.7% yellow and 54.5% black. It has a hue angle of 42.4 degrees, a saturation of 7.9% and a lightness of 42.2%. #746f63 color hex could be obtained by blending #e8dec6 with #000000. Closest websafe color is: #666666.

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

● #746f63 color description : Dark grayish orange.

The hexadecimal color #746f63 has RGB values of R:116, G:111, B:99 and CMYK values of C:0, M:0.04, Y:0.15, K:0.55. Its decimal value is 7630691.

Hex triplet	746f63	`#746f63`
RGB Decimal	116, 111, 99	`rgb(116,111,99)`
RGB Percent	45.5, 43.5, 38.8	`rgb(45.5%,43.5%,38.8%)`
CMYK	0, 4, 15, 55
HSL	42.4°, 7.9, 42.2	`hsl(42.4,7.9%,42.2%)`
HSV (or HSB)	42.4°, 14.7, 45.5
Web Safe	666666	`#666666`

CIE-LAB	46.952, -0.313, 7.374
XYZ	15.139, 15.983, 14.091
xyY	0.335, 0.354, 15.983
CIE-LCH	46.952, 7.381, 92.433
CIE-LUV	46.952, 3.626, 9.607
Hunter-Lab	39.979, -2.37, 7.087
Binary	01110100, 01101111, 01100011

#746f63
```
#746f63 rgb(116,111,99)
```
#636874
```
#636874 rgb(99,104,116)
```

Complementary Color

#746763
```
#746763 rgb(116,103,99)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#717463
```
#717463 rgb(113,116,99)
```

Analogous Color

#676374
```
#676374 rgb(103,99,116)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#637174
```
#637174 rgb(99,113,116)
```

Split Complementary Color

#6f6374
```
#6f6374 rgb(111,99,116)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#63746f
```
#63746f rgb(99,116,111)
```

Triadic Color

#746368
```
#746368 rgb(116,99,104)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#63746f
```
#63746f rgb(99,116,111)
```
#636874
```
#636874 rgb(99,104,116)
```

Tetradic Color

#4b4840
```
#4b4840 rgb(75,72,64)
```
#58554c
```
#58554c rgb(88,85,76)
```
#666257
```
#666257 rgb(102,98,87)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#827c6f
```
#827c6f rgb(130,124,111)
```
#8f897b
```
#8f897b rgb(143,137,123)
```
#9a9589
```
#9a9589 rgb(154,149,137)
```

Monochromatic Color

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

#746b63
```
#746b63 rgb(116,107,99)
```
#746c63
```
#746c63 rgb(116,108,99)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#747063
```
#747063 rgb(116,112,99)
```
#747263
```
#747263 rgb(116,114,99)
```
#747363
```
#747363 rgb(116,115,99)
```

Similar Colors

Text with hexadecimal color #746f63

This text has a font color of #746f63.

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

#746f63 background color

This paragraph has a background color of #746f63.

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

#746f63 border color

This element has a border color of #746f63.

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

CSS codes

.text {color:#746f63;}

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

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

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, #0a0a09 is the darkest color, while #ffffff is the lightest one.

#0a0a09
```
#0a0a09 rgb(10,10,9)
```
#151412
```
#151412 rgb(21,20,18)
```
#1f1e1b
```
#1f1e1b rgb(31,30,27)
```
#2a2824
```
#2a2824 rgb(42,40,36)
```
#35322d
```
#35322d rgb(53,50,45)
```
#3f3c36
```
#3f3c36 rgb(63,60,54)
```
#4a463f
```
#4a463f rgb(74,70,63)
```
#545148
```
#545148 rgb(84,81,72)
```
#5f5b51
```
#5f5b51 rgb(95,91,81)
```
#69655a
```
#69655a rgb(105,101,90)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#7f796c
```
#7f796c rgb(127,121,108)
```
#898375
```
#898375 rgb(137,131,117)
```

Shade Color Variation

#928d80
```
#928d80 rgb(146,141,128)
```
#9b968a
```
#9b968a rgb(155,150,138)
```
#a4a095
```
#a4a095 rgb(164,160,149)
```
#ada99f
```
#ada99f rgb(173,169,159)
```
#b6b3aa
```
#b6b3aa rgb(182,179,170)
```
#bfbcb5
```
#bfbcb5 rgb(191,188,181)
```
#c8c6bf
```
#c8c6bf rgb(200,198,191)
```
#d1cfca
```
#d1cfca rgb(209,207,202)
```
#dbd9d4
```
#dbd9d4 rgb(219,217,212)
```
#e4e2df
```
#e4e2df rgb(228,226,223)
```
#edece9
```
#edece9 rgb(237,236,233)
```
#f6f5f4
```
#f6f5f4 rgb(246,245,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6c6c6b
```
#6c6c6b rgb(108,108,107)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#7c725b
```
#7c725b rgb(124,114,91)
```
#857652
```
#857652 rgb(133,118,82)
```
#8d794a
```
#8d794a rgb(141,121,74)
```
#957d42
```
#957d42 rgb(149,125,66)
```
#9d803a
```
#9d803a rgb(157,128,58)
```
#a68331
```
#a68331 rgb(166,131,49)
```
#ae8729
```
#ae8729 rgb(174,135,41)
```
#b68a21
```
#b68a21 rgb(182,138,33)
```
#be8e19
```
#be8e19 rgb(190,142,25)
```
#c79110
```
#c79110 rgb(199,145,16)
```
#cf9408
```
#cf9408 rgb(207,148,8)
```

Tone Color Variation

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

#7b766b Protanopia 1% of men
#85726c Deuteranopia 1% of men
#7d737c Tritanopia 0.001% of the population

Trichromacy

#787368 Protanomaly 1% of men, 0.01% of women
#7f7168 Deuteranomaly 6% of men, 0.4% of women
#7a7273 Tritanomaly 0.01% of the population

#746f63 hex color

#746f63 Color Information

#746f63 Color Conversion

Color Schemes with #746f63

Alternatives to #746f63

#746f63 Preview

Shades and Tints of #746f63

Tones of #746f63

Color Blindness Simulator