#7a685f hex color

In a RGB color space, hex #7a685f is composed of 47.8% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.8% magenta, 22.1% yellow and 52.2% black. It has a hue angle of 20 degrees, a saturation of 12.4% and a lightness of 42.5%. #7a685f color hex could be obtained by blending #f4d0be with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 48
- G 41
- B 37
RGB color chart
- C 0
- M 15
- Y 22
- K 52
CMYK color chart

● #7a685f color description : Dark grayish orange.

The hexadecimal color #7a685f has RGB values of R:122, G:104, B:95 and CMYK values of C:0, M:0.15, Y:0.22, K:0.52. Its decimal value is 8022111.

Hex triplet	7a685f	`#7a685f`
RGB Decimal	122, 104, 95	`rgb(122,104,95)`
RGB Percent	47.8, 40.8, 37.3	`rgb(47.8%,40.8%,37.3%)`
CMYK	0, 15, 22, 52
HSL	20°, 12.4, 42.5	`hsl(20,12.4%,42.5%)`
HSV (or HSB)	20°, 22.1, 47.8
Web Safe	666666	`#666666`

CIE-LAB	45.448, 5.588, 7.71
XYZ	15.042, 14.865, 12.903
xyY	0.351, 0.347, 14.865
CIE-LCH	45.448, 9.522, 54.068
CIE-LUV	45.448, 11.573, 8.934
Hunter-Lab	38.555, 2.168, 7.147
Binary	01111010, 01101000, 01011111

#7a685f
```
#7a685f rgb(122,104,95)
```
#5f717a
```
#5f717a rgb(95,113,122)
```

Complementary Color

#7a5f64
```
#7a5f64 rgb(122,95,100)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#7a765f
```
#7a765f rgb(122,118,95)
```

Analogous Color

#5f647a
```
#5f647a rgb(95,100,122)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#5f7a76
```
#5f7a76 rgb(95,122,118)
```

Split Complementary Color

#685f7a
```
#685f7a rgb(104,95,122)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#5f7a68
```
#5f7a68 rgb(95,122,104)
```

Triadic Color

#7a5f71
```
#7a5f71 rgb(122,95,113)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#5f7a68
```
#5f7a68 rgb(95,122,104)
```
#5f717a
```
#5f717a rgb(95,113,122)
```

Tetradic Color

#4f433e
```
#4f433e rgb(79,67,62)
```
#5d5049
```
#5d5049 rgb(93,80,73)
```
#6c5c54
```
#6c5c54 rgb(108,92,84)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#88746a
```
#88746a rgb(136,116,106)
```
#958177
```
#958177 rgb(149,129,119)
```
#a08e85
```
#a08e85 rgb(160,142,133)
```

Monochromatic Color

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

#7a615f
```
#7a615f rgb(122,97,95)
```
#7a645f
```
#7a645f rgb(122,100,95)
```
#7a665f
```
#7a665f rgb(122,102,95)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#7a6a5f
```
#7a6a5f rgb(122,106,95)
```
#7a6d5f
```
#7a6d5f rgb(122,109,95)
```
#7a6f5f
```
#7a6f5f rgb(122,111,95)
```

Similar Colors

Text with hexadecimal color #7a685f

This text has a font color of #7a685f.

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

#7a685f background color

This paragraph has a background color of #7a685f.

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

#7a685f border color

This element has a border color of #7a685f.

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

CSS codes

.text {color:#7a685f;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0a09
```
#0c0a09 rgb(12,10,9)
```
#171312
```
#171312 rgb(23,19,18)
```
#221d1a
```
#221d1a rgb(34,29,26)
```
#2d2623
```
#2d2623 rgb(45,38,35)
```
#38302b
```
#38302b rgb(56,48,43)
```
#433934
```
#433934 rgb(67,57,52)
```
#4e423d
```
#4e423d rgb(78,66,61)
```
#594c45
```
#594c45 rgb(89,76,69)
```
#64554e
```
#64554e rgb(100,85,78)
```
#6f5f56
```
#6f5f56 rgb(111,95,86)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#857168
```
#857168 rgb(133,113,104)
```

Shade Color Variation

#907b70
```
#907b70 rgb(144,123,112)
```
#98857b
```
#98857b rgb(152,133,123)
```
#a18f86
```
#a18f86 rgb(161,143,134)
```
#aa9991
```
#aa9991 rgb(170,153,145)
```
#b2a49c
```
#b2a49c rgb(178,164,156)
```
#bbaea7
```
#bbaea7 rgb(187,174,167)
```
#c3b8b2
```
#c3b8b2 rgb(195,184,178)
```
#ccc2be
```
#ccc2be rgb(204,194,190)
```
#d5cdc9
```
#d5cdc9 rgb(213,205,201)
```
#ddd7d4
```
#ddd7d4 rgb(221,215,212)
```
#e6e1df
```
#e6e1df rgb(230,225,223)
```
#eeebea
```
#eeebea rgb(238,235,234)
```
#f7f5f5
```
#f7f5f5 rgb(247,245,245)
```

Tint Color Variation

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

#726b67
```
#726b67 rgb(114,107,103)
```
#7a685f
```
#7a685f rgb(122,104,95)
```
#826557
```
#826557 rgb(130,101,87)
```
#8b624e
```
#8b624e rgb(139,98,78)
```
#936046
```
#936046 rgb(147,96,70)
```
#9b5d3e
```
#9b5d3e rgb(155,93,62)
```
#a45a35
```
#a45a35 rgb(164,90,53)
```
#ac572d
```
#ac572d rgb(172,87,45)
```
#b45525
```
#b45525 rgb(180,85,37)
```
#bd521c
```
#bd521c rgb(189,82,28)
```
#c54f14
```
#c54f14 rgb(197,79,20)
```
#cd4c0c
```
#cd4c0c rgb(205,76,12)
```
#d64903
```
#d64903 rgb(214,73,3)
```

Tone Color Variation

Below, you can see how #7a685f 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
#6f6b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777268 Protanopia 1% of men
#826f67 Deuteranopia 1% of men
#826d75 Tritanopia 0.001% of the population

Trichromacy

#786e65 Protanomaly 1% of men, 0.01% of women
#7f6c64 Deuteranomaly 6% of men, 0.4% of women
#7f6b6d Tritanomaly 0.01% of the population

#7a685f hex color

#7a685f Color Information

#7a685f Color Conversion

Color Schemes with #7a685f

Alternatives to #7a685f

#7a685f Preview

Shades and Tints of #7a685f

Tones of #7a685f

Color Blindness Simulator