#746e63 hex color

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

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

● #746e63 color description : Dark grayish orange.

The hexadecimal color #746e63 has RGB values of R:116, G:110, B:99 and CMYK values of C:0, M:0.05, Y:0.15, K:0.55. Its decimal value is 7630435.

Hex triplet	746e63	`#746e63`
RGB Decimal	116, 110, 99	`rgb(116,110,99)`
RGB Percent	45.5, 43.1, 38.8	`rgb(45.5%,43.1%,38.8%)`
CMYK	0, 5, 15, 55
HSL	38.8°, 7.9, 42.2	`hsl(38.8,7.9%,42.2%)`
HSV (or HSB)	38.8°, 14.7, 45.5
Web Safe	666666	`#666666`

CIE-LAB	46.666, 0.271, 6.967
XYZ	15.03, 15.766, 14.055
xyY	0.335, 0.352, 15.766
CIE-LCH	46.666, 6.972, 87.771
CIE-LUV	46.666, 4.169, 8.986
Hunter-Lab	39.706, -1.918, 6.807
Binary	01110100, 01101110, 01100011

#746e63
```
#746e63 rgb(116,110,99)
```
#636974
```
#636974 rgb(99,105,116)
```

Complementary Color

#746663
```
#746663 rgb(116,102,99)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#727463
```
#727463 rgb(114,116,99)
```

Analogous Color

#666374
```
#666374 rgb(102,99,116)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#637274
```
#637274 rgb(99,114,116)
```

Split Complementary Color

#6e6374
```
#6e6374 rgb(110,99,116)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#63746e
```
#63746e rgb(99,116,110)
```

Triadic Color

#746369
```
#746369 rgb(116,99,105)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#63746e
```
#63746e rgb(99,116,110)
```
#636974
```
#636974 rgb(99,105,116)
```

Tetradic Color

#4b4740
```
#4b4740 rgb(75,71,64)
```
#58544c
```
#58544c rgb(88,84,76)
```
#666157
```
#666157 rgb(102,97,87)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#827b6f
```
#827b6f rgb(130,123,111)
```
#8f887b
```
#8f887b rgb(143,136,123)
```
#9a9489
```
#9a9489 rgb(154,148,137)
```

Monochromatic Color

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

#746a63
```
#746a63 rgb(116,106,99)
```
#746b63
```
#746b63 rgb(116,107,99)
```
#746d63
```
#746d63 rgb(116,109,99)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#746f63
```
#746f63 rgb(116,111,99)
```
#747163
```
#747163 rgb(116,113,99)
```
#747263
```
#747263 rgb(116,114,99)
```

Similar Colors

Text with hexadecimal color #746e63

This text has a font color of #746e63.

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

#746e63 background color

This paragraph has a background color of #746e63.

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

#746e63 border color

This element has a border color of #746e63.

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

CSS codes

.text {color:#746e63;}

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

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

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)
```
#545048
```
#545048 rgb(84,80,72)
```
#5f5a51
```
#5f5a51 rgb(95,90,81)
```
#69645a
```
#69645a rgb(105,100,90)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#7f786c
```
#7f786c rgb(127,120,108)
```
#898275
```
#898275 rgb(137,130,117)
```

Shade Color Variation

#928c80
```
#928c80 rgb(146,140,128)
```
#9b958a
```
#9b958a rgb(155,149,138)
```
#a49f95
```
#a49f95 rgb(164,159,149)
```
#ada89f
```
#ada89f rgb(173,168,159)
```
#b6b2aa
```
#b6b2aa rgb(182,178,170)
```
#bfbcb5
```
#bfbcb5 rgb(191,188,181)
```
#c8c5bf
```
#c8c5bf rgb(200,197,191)
```
#d1cfca
```
#d1cfca rgb(209,207,202)
```
#dbd8d4
```
#dbd8d4 rgb(219,216,212)
```
#e4e2df
```
#e4e2df rgb(228,226,223)
```
#edebe9
```
#edebe9 rgb(237,235,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 #cf8908 is the most saturated one.

#6c6c6b
```
#6c6c6b rgb(108,108,107)
```
#746e63
```
#746e63 rgb(116,110,99)
```
#7c705b
```
#7c705b rgb(124,112,91)
```
#857352
```
#857352 rgb(133,115,82)
```
#8d754a
```
#8d754a rgb(141,117,74)
```
#957842
```
#957842 rgb(149,120,66)
```
#9d7a3a
```
#9d7a3a rgb(157,122,58)
```
#a67d31
```
#a67d31 rgb(166,125,49)
```
#ae7f29
```
#ae7f29 rgb(174,127,41)
```
#b68121
```
#b68121 rgb(182,129,33)
```
#be8419
```
#be8419 rgb(190,132,25)
```
#c78610
```
#c78610 rgb(199,134,16)
```
#cf8908
```
#cf8908 rgb(207,137,8)
```

Tone Color Variation

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

#7a756b Protanopia 1% of men
#84726c Deuteranopia 1% of men
#7d737b Tritanopia 0.001% of the population

Trichromacy

#787268 Protanomaly 1% of men, 0.01% of women
#7e7068 Deuteranomaly 6% of men, 0.4% of women
#7a7172 Tritanomaly 0.01% of the population

#746e63 hex color

#746e63 Color Information

#746e63 Color Conversion

Color Schemes with #746e63

Alternatives to #746e63

#746e63 Preview

Shades and Tints of #746e63

Tones of #746e63

Color Blindness Simulator