#7f684e hex color

In a RGB color space, hex #7f684e is composed of 49.8% red, 40.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 38.6% yellow and 50.2% black. It has a hue angle of 31.8 degrees, a saturation of 23.9% and a lightness of 40.2%. #7f684e color hex could be obtained by blending #fed09c with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 50
- G 41
- B 31
RGB color chart
- C 0
- M 18
- Y 39
- K 50
CMYK color chart

● #7f684e color description : Mostly desaturated dark orange.

The hexadecimal color #7f684e has RGB values of R:127, G:104, B:78 and CMYK values of C:0, M:0.18, Y:0.39, K:0.5. Its decimal value is 8349774.

Hex triplet	7f684e	`#7f684e`
RGB Decimal	127, 104, 78	`rgb(127,104,78)`
RGB Percent	49.8, 40.8, 30.6	`rgb(49.8%,40.8%,30.6%)`
CMYK	0, 18, 39, 50
HSL	31.8°, 23.9, 40.2	`hsl(31.8,23.9%,40.2%)`
HSV (or HSB)	31.8°, 38.6, 49.8
Web Safe	666666	`#666666`

CIE-LAB	45.584, 5.22, 18.096
XYZ	15.078, 14.963, 9.301
xyY	0.383, 0.38, 14.963
CIE-LCH	45.584, 18.834, 73.908
CIE-LUV	45.584, 16.404, 20.877
Hunter-Lab	38.682, 1.883, 12.821
Binary	01111111, 01101000, 01001110

#7f684e
```
#7f684e rgb(127,104,78)
```
#4e657f
```
#4e657f rgb(78,101,127)
```

Complementary Color

#7f504e
```
#7f504e rgb(127,80,78)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#7e7f4e
```
#7e7f4e rgb(126,127,78)
```

Analogous Color

#504e7f
```
#504e7f rgb(80,78,127)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#4e7e7f
```
#4e7e7f rgb(78,126,127)
```

Split Complementary Color

#684e7f
```
#684e7f rgb(104,78,127)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#4e7f68
```
#4e7f68 rgb(78,127,104)
```

Triadic Color

#7f4e65
```
#7f4e65 rgb(127,78,101)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#4e7f68
```
#4e7f68 rgb(78,127,104)
```
#4e657f
```
#4e657f rgb(78,101,127)
```

Tetradic Color

#504131
```
#504131 rgb(80,65,49)
```
#5f4e3b
```
#5f4e3b rgb(95,78,59)
```
#6f5b44
```
#6f5b44 rgb(111,91,68)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#8f7558
```
#8f7558 rgb(143,117,88)
```
#9e8262
```
#9e8262 rgb(158,130,98)
```
#a88e71
```
#a88e71 rgb(168,142,113)
```

Monochromatic Color

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

#7f5c4e
```
#7f5c4e rgb(127,92,78)
```
#7f604e
```
#7f604e rgb(127,96,78)
```
#7f644e
```
#7f644e rgb(127,100,78)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#7f6c4e
```
#7f6c4e rgb(127,108,78)
```
#7f704e
```
#7f704e rgb(127,112,78)
```
#7f744e
```
#7f744e rgb(127,116,78)
```

Similar Colors

Text with hexadecimal color #7f684e

This text has a font color of #7f684e.

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

#7f684e background color

This paragraph has a background color of #7f684e.

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

#7f684e border color

This element has a border color of #7f684e.

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

CSS codes

.text {color:#7f684e;}

.background {background-color:#7f684e;}

.border {border:1px solid #7f684e;}

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

#050403
```
#050403 rgb(5,4,3)
```
#120e0b
```
#120e0b rgb(18,14,11)
```
#1e1812
```
#1e1812 rgb(30,24,18)
```
#2a221a
```
#2a221a rgb(42,34,26)
```
#362c21
```
#362c21 rgb(54,44,33)
```
#423629
```
#423629 rgb(66,54,41)
```
#4e4030
```
#4e4030 rgb(78,64,48)
```
#5b4a38
```
#5b4a38 rgb(91,74,56)
```
#67543f
```
#67543f rgb(103,84,63)
```
#735e47
```
#735e47 rgb(115,94,71)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#8b7255
```
#8b7255 rgb(139,114,85)
```
#977c5d
```
#977c5d rgb(151,124,93)
```

Shade Color Variation

#a18667
```
#a18667 rgb(161,134,103)
```
#a98f73
```
#a98f73 rgb(169,143,115)
```
#b0997f
```
#b0997f rgb(176,153,127)
```
#b8a38b
```
#b8a38b rgb(184,163,139)
```
#bfac97
```
#bfac97 rgb(191,172,151)
```
#c7b6a3
```
#c7b6a3 rgb(199,182,163)
```
#cec0af
```
#cec0af rgb(206,192,175)
```
#d6c9bc
```
#d6c9bc rgb(214,201,188)
```
#ddd3c8
```
#ddd3c8 rgb(221,211,200)
```
#e5ddd4
```
#e5ddd4 rgb(229,221,212)
```
#ece6e0
```
#ece6e0 rgb(236,230,224)
```
#f3f0ec
```
#f3f0ec rgb(243,240,236)
```
#fbfaf8
```
#fbfaf8 rgb(251,250,248)
```

Tint Color Variation

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

#676766
```
#676766 rgb(103,103,102)
```
#6f675e
```
#6f675e rgb(111,103,94)
```
#776856
```
#776856 rgb(119,104,86)
```
#7f684e
```
#7f684e rgb(127,104,78)
```
#876846
```
#876846 rgb(135,104,70)
```
#8f693e
```
#8f693e rgb(143,105,62)
```
#976936
```
#976936 rgb(151,105,54)
```
#9f6a2e
```
#9f6a2e rgb(159,106,46)
```
#a66a27
```
#a66a27 rgb(166,106,39)
```
#ae6b1f
```
#ae6b1f rgb(174,107,31)
```
#b66b17
```
#b66b17 rgb(182,107,23)
```
#be6c0f
```
#be6c0f rgb(190,108,15)
```
#c66c07
```
#c66c07 rgb(198,108,7)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#706b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7358 Protanopia 1% of men
#876f57 Deuteranopia 1% of men
#896b73 Tritanopia 0.001% of the population

Trichromacy

#7c6f54 Protanomaly 1% of men, 0.01% of women
#846c54 Deuteranomaly 6% of men, 0.4% of women
#856a65 Tritanomaly 0.01% of the population

#7f684e hex color

#7f684e Color Information

#7f684e Color Conversion

Color Schemes with #7f684e

Alternatives to #7f684e

#7f684e Preview

Shades and Tints of #7f684e

Tones of #7f684e

Color Blindness Simulator