#7d685f hex color

In a RGB color space, hex #7d685f is composed of 49% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 24% yellow and 51% black. It has a hue angle of 18 degrees, a saturation of 13.6% and a lightness of 43.1%. #7d685f color hex could be obtained by blending #fad0be with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 49
- G 41
- B 37
RGB color chart
- C 0
- M 17
- Y 24
- K 51
CMYK color chart

● #7d685f color description : Dark grayish orange.

The hexadecimal color #7d685f has RGB values of R:125, G:104, B:95 and CMYK values of C:0, M:0.17, Y:0.24, K:0.51. Its decimal value is 8218719.

Hex triplet	7d685f	`#7d685f`
RGB Decimal	125, 104, 95	`rgb(125,104,95)`
RGB Percent	49, 40.8, 37.3	`rgb(49%,40.8%,37.3%)`
CMYK	0, 17, 24, 51
HSL	18°, 13.6, 43.1	`hsl(18,13.6%,43.1%)`
HSV (or HSB)	18°, 24, 49
Web Safe	666666	`#666666`

CIE-LAB	45.753, 6.834, 8.184
XYZ	15.473, 15.087, 12.923
xyY	0.356, 0.347, 15.087
CIE-LCH	45.753, 10.663, 50.137
CIE-LUV	45.753, 13.544, 9.314
Hunter-Lab	38.842, 3.133, 7.464
Binary	01111101, 01101000, 01011111

#7d685f
```
#7d685f rgb(125,104,95)
```
#5f747d
```
#5f747d rgb(95,116,125)
```

Complementary Color

#7d5f65
```
#7d5f65 rgb(125,95,101)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#7d775f
```
#7d775f rgb(125,119,95)
```

Analogous Color

#5f657d
```
#5f657d rgb(95,101,125)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#5f7d77
```
#5f7d77 rgb(95,125,119)
```

Split Complementary Color

#685f7d
```
#685f7d rgb(104,95,125)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#5f7d68
```
#5f7d68 rgb(95,125,104)
```

Triadic Color

#7d5f74
```
#7d5f74 rgb(125,95,116)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#5f7d68
```
#5f7d68 rgb(95,125,104)
```
#5f747d
```
#5f747d rgb(95,116,125)
```

Tetradic Color

#52443e
```
#52443e rgb(82,68,62)
```
#605049
```
#605049 rgb(96,80,73)
```
#6f5c54
```
#6f5c54 rgb(111,92,84)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#8b746a
```
#8b746a rgb(139,116,106)
```
#988177
```
#988177 rgb(152,129,119)
```
#a38e86
```
#a38e86 rgb(163,142,134)
```

Monochromatic Color

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

#7d615f
```
#7d615f rgb(125,97,95)
```
#7d635f
```
#7d635f rgb(125,99,95)
```
#7d665f
```
#7d665f rgb(125,102,95)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#7d6b5f
```
#7d6b5f rgb(125,107,95)
```
#7d6d5f
```
#7d6d5f rgb(125,109,95)
```
#7d705f
```
#7d705f rgb(125,112,95)
```

Similar Colors

Text with hexadecimal color #7d685f

This text has a font color of #7d685f.

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

#7d685f background color

This paragraph has a background color of #7d685f.

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

#7d685f border color

This element has a border color of #7d685f.

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

CSS codes

.text {color:#7d685f;}

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

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

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 #f8f7f6 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#0e0b0a
```
#0e0b0a rgb(14,11,10)
```
#191513
```
#191513 rgb(25,21,19)
```
#241e1b
```
#241e1b rgb(36,30,27)
```
#2f2724
```
#2f2724 rgb(47,39,36)
```
#3a302c
```
#3a302c rgb(58,48,44)
```
#453a35
```
#453a35 rgb(69,58,53)
```
#50433d
```
#50433d rgb(80,67,61)
```
#5c4c46
```
#5c4c46 rgb(92,76,70)
```
#67554e
```
#67554e rgb(103,85,78)
```
#725f57
```
#725f57 rgb(114,95,87)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#887167
```
#887167 rgb(136,113,103)
```

Shade Color Variation

#937b71
```
#937b71 rgb(147,123,113)
```
#9b857c
```
#9b857c rgb(155,133,124)
```
#a48f87
```
#a48f87 rgb(164,143,135)
```
#ac9a92
```
#ac9a92 rgb(172,154,146)
```
#b5a49d
```
#b5a49d rgb(181,164,157)
```
#bdaea8
```
#bdaea8 rgb(189,174,168)
```
#c6b9b3
```
#c6b9b3 rgb(198,185,179)
```
#cec3bf
```
#cec3bf rgb(206,195,191)
```
#d6ceca
```
#d6ceca rgb(214,206,202)
```
#dfd8d5
```
#dfd8d5 rgb(223,216,213)
```
#e7e2e0
```
#e7e2e0 rgb(231,226,224)
```
#f0edeb
```
#f0edeb rgb(240,237,235)
```
#f8f7f6
```
#f8f7f6 rgb(248,247,246)
```

Tint Color Variation

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

#756b67
```
#756b67 rgb(117,107,103)
```
#7d685f
```
#7d685f rgb(125,104,95)
```
#856557
```
#856557 rgb(133,101,87)
```
#8e614e
```
#8e614e rgb(142,97,78)
```
#965e46
```
#965e46 rgb(150,94,70)
```
#9f5a3d
```
#9f5a3d rgb(159,90,61)
```
#a75735
```
#a75735 rgb(167,87,53)
```
#b0542c
```
#b0542c rgb(176,84,44)
```
#b85024
```
#b85024 rgb(184,80,36)
```
#c14d1b
```
#c14d1b rgb(193,77,27)
```
#c94a13
```
#c94a13 rgb(201,74,19)
```
#d2460a
```
#d2460a rgb(210,70,10)
```
#da4302
```
#da4302 rgb(218,67,2)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#706c6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#787369 Protanopia 1% of men
#837067 Deuteranopia 1% of men
#856d75 Tritanopia 0.001% of the population

Trichromacy

#7a6f65 Protanomaly 1% of men, 0.01% of women
#816d64 Deuteranomaly 6% of men, 0.4% of women
#826b6d Tritanomaly 0.01% of the population

#7d685f hex color

#7d685f Color Information

#7d685f Color Conversion

Color Schemes with #7d685f

Alternatives to #7d685f

#7d685f Preview

Shades and Tints of #7d685f

Tones of #7d685f

Color Blindness Simulator