#747168 hex color

In a RGB color space, hex #747168 is composed of 45.5% red, 44.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.6% magenta, 10.3% yellow and 54.5% black. It has a hue angle of 45 degrees, a saturation of 5.5% and a lightness of 43.1%. #747168 color hex could be obtained by blending #e8e2d0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 45
- G 44
- B 41
RGB color chart
- C 0
- M 3
- Y 10
- K 55
CMYK color chart

● #747168 color description : Dark grayish orange.

The hexadecimal color #747168 has RGB values of R:116, G:113, B:104 and CMYK values of C:0, M:0.03, Y:0.1, K:0.55. Its decimal value is 7631208.

Hex triplet	747168	`#747168`
RGB Decimal	116, 113, 104	`rgb(116,113,104)`
RGB Percent	45.5, 44.3, 40.8	`rgb(45.5%,44.3%,40.8%)`
CMYK	0, 3, 10, 55
HSL	45°, 5.5, 43.1	`hsl(45,5.5%,43.1%)`
HSV (or HSB)	45°, 10.3, 45.5
Web Safe	666666	`#666666`

CIE-LAB	47.653, -0.575, 5.401
XYZ	15.606, 16.523, 15.463
xyY	0.328, 0.347, 16.523
CIE-LCH	47.653, 5.431, 96.081
CIE-LUV	47.653, 2.25, 7.193
Hunter-Lab	40.648, -2.604, 5.899
Binary	01110100, 01110001, 01101000

#747168
```
#747168 rgb(116,113,104)
```
#686b74
```
#686b74 rgb(104,107,116)
```

Complementary Color

#746b68
```
#746b68 rgb(116,107,104)
```
#747168
```
#747168 rgb(116,113,104)
```
#717468
```
#717468 rgb(113,116,104)
```

Analogous Color

#6b6874
```
#6b6874 rgb(107,104,116)
```
#747168
```
#747168 rgb(116,113,104)
```
#687174
```
#687174 rgb(104,113,116)
```

Split Complementary Color

#716874
```
#716874 rgb(113,104,116)
```
#747168
```
#747168 rgb(116,113,104)
```
#687471
```
#687471 rgb(104,116,113)
```

Triadic Color

#74686b
```
#74686b rgb(116,104,107)
```
#747168
```
#747168 rgb(116,113,104)
```
#687471
```
#687471 rgb(104,116,113)
```
#686b74
```
#686b74 rgb(104,107,116)
```

Tetradic Color

#4c4a44
```
#4c4a44 rgb(76,74,68)
```
#595750
```
#595750 rgb(89,87,80)
```
#67645c
```
#67645c rgb(103,100,92)
```
#747168
```
#747168 rgb(116,113,104)
```
#817e74
```
#817e74 rgb(129,126,116)
```
#8e8b81
```
#8e8b81 rgb(142,139,129)
```
#9a978e
```
#9a978e rgb(154,151,142)
```

Monochromatic Color

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

#746e68
```
#746e68 rgb(116,110,104)
```
#746f68
```
#746f68 rgb(116,111,104)
```
#747068
```
#747068 rgb(116,112,104)
```
#747168
```
#747168 rgb(116,113,104)
```
#747268
```
#747268 rgb(116,114,104)
```
#747368
```
#747368 rgb(116,115,104)
```
#747468
```
#747468 rgb(116,116,104)
```

Similar Colors

Text with hexadecimal color #747168

This text has a font color of #747168.

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

#747168 background color

This paragraph has a background color of #747168.

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

#747168 border color

This element has a border color of #747168.

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

CSS codes

.text {color:#747168;}

.background {background-color:#747168;}

.border {border:1px solid #747168;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0d0c0b
```
#0d0c0b rgb(13,12,11)
```
#171615
```
#171615 rgb(23,22,21)
```
#21201e
```
#21201e rgb(33,32,30)
```
#2c2a27
```
#2c2a27 rgb(44,42,39)
```
#363530
```
#363530 rgb(54,53,48)
```
#403f3a
```
#403f3a rgb(64,63,58)
```
#4b4943
```
#4b4943 rgb(75,73,67)
```
#55534c
```
#55534c rgb(85,83,76)
```
#5f5d55
```
#5f5d55 rgb(95,93,85)
```
#6a675f
```
#6a675f rgb(106,103,95)
```
#747168
```
#747168 rgb(116,113,104)
```
#7e7b71
```
#7e7b71 rgb(126,123,113)
```

Shade Color Variation

#88857b
```
#88857b rgb(136,133,123)
```
#928f85
```
#928f85 rgb(146,143,133)
```
#9b988f
```
#9b988f rgb(155,152,143)
```
#a4a29a
```
#a4a29a rgb(164,162,154)
```
#aeaba4
```
#aeaba4 rgb(174,171,164)
```
#b7b5ae
```
#b7b5ae rgb(183,181,174)
```
#c0beb9
```
#c0beb9 rgb(192,190,185)
```
#c9c8c3
```
#c9c8c3 rgb(201,200,195)
```
#d3d1ce
```
#d3d1ce rgb(211,209,206)
```
#dcdbd8
```
#dcdbd8 rgb(220,219,216)
```
#e5e4e2
```
#e5e4e2 rgb(229,228,226)
```
#eeeeed
```
#eeeeed rgb(238,238,237)
```
#f8f8f7
```
#f8f8f7 rgb(248,248,247)
```

Tint Color Variation

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

#747168
```
#747168 rgb(116,113,104)
```
#7c7560
```
#7c7560 rgb(124,117,96)
```
#857957
```
#857957 rgb(133,121,87)
```
#8d7e4f
```
#8d7e4f rgb(141,126,79)
```
#968246
```
#968246 rgb(150,130,70)
```
#9e863e
```
#9e863e rgb(158,134,62)
```
#a78a35
```
#a78a35 rgb(167,138,53)
```
#af8f2d
```
#af8f2d rgb(175,143,45)
```
#b89324
```
#b89324 rgb(184,147,36)
```
#c0971c
```
#c0971c rgb(192,151,28)
```
#c99b13
```
#c99b13 rgb(201,155,19)
```
#d1a00b
```
#d1a00b rgb(209,160,11)
```
#daa402
```
#daa402 rgb(218,164,2)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#72716f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c776f Protanopia 1% of men
#867471 Deuteranopia 1% of men
#7d767e Tritanopia 0.001% of the population

Trichromacy

#79756c Protanomaly 1% of men, 0.01% of women
#7f736d Deuteranomaly 6% of men, 0.4% of women
#7a7476 Tritanomaly 0.01% of the population

#747168 hex color

#747168 Color Information

#747168 Color Conversion

Color Schemes with #747168

Alternatives to #747168

#747168 Preview

Shades and Tints of #747168

Tones of #747168

Color Blindness Simulator