#7a685e hex color

In a RGB color space, hex #7a685e is composed of 47.8% red, 40.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.8% magenta, 23% yellow and 52.2% black. It has a hue angle of 21.4 degrees, a saturation of 13% and a lightness of 42.4%. #7a685e color hex could be obtained by blending #f4d0bc with #000000. Closest websafe color is: #666666.

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

● #7a685e color description : Dark grayish orange.

The hexadecimal color #7a685e has RGB values of R:122, G:104, B:94 and CMYK values of C:0, M:0.15, Y:0.23, K:0.52. Its decimal value is 8022110.

Hex triplet	7a685e	`#7a685e`
RGB Decimal	122, 104, 94	`rgb(122,104,94)`
RGB Percent	47.8, 40.8, 36.9	`rgb(47.8%,40.8%,36.9%)`
CMYK	0, 15, 23, 52
HSL	21.4°, 13, 42.4	`hsl(21.4,13%,42.4%)`
HSV (or HSB)	21.4°, 23, 47.8
Web Safe	666666	`#666666`

CIE-LAB	45.424, 5.424, 8.274
XYZ	14.997, 14.847, 12.665
xyY	0.353, 0.349, 14.847
CIE-LCH	45.424, 9.894, 56.754
CIE-LUV	45.424, 11.659, 9.647
Hunter-Lab	38.531, 2.043, 7.484
Binary	01111010, 01101000, 01011110

#7a685e
```
#7a685e rgb(122,104,94)
```
#5e707a
```
#5e707a rgb(94,112,122)
```

Complementary Color

#7a5e62
```
#7a5e62 rgb(122,94,98)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#7a765e
```
#7a765e rgb(122,118,94)
```

Analogous Color

#5e627a
```
#5e627a rgb(94,98,122)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#5e7a76
```
#5e7a76 rgb(94,122,118)
```

Split Complementary Color

#685e7a
```
#685e7a rgb(104,94,122)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#5e7a68
```
#5e7a68 rgb(94,122,104)
```

Triadic Color

#7a5e70
```
#7a5e70 rgb(122,94,112)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#5e7a68
```
#5e7a68 rgb(94,122,104)
```
#5e707a
```
#5e707a rgb(94,112,122)
```

Tetradic Color

#4f433d
```
#4f433d rgb(79,67,61)
```
#5d4f48
```
#5d4f48 rgb(93,79,72)
```
#6c5c53
```
#6c5c53 rgb(108,92,83)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#887469
```
#887469 rgb(136,116,105)
```
#958176
```
#958176 rgb(149,129,118)
```
#a08e84
```
#a08e84 rgb(160,142,132)
```

Monochromatic Color

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

#7a615e
```
#7a615e rgb(122,97,94)
```
#7a635e
```
#7a635e rgb(122,99,94)
```
#7a665e
```
#7a665e rgb(122,102,94)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#7a6a5e
```
#7a6a5e rgb(122,106,94)
```
#7a6d5e
```
#7a6d5e rgb(122,109,94)
```
#7a6f5e
```
#7a6f5e rgb(122,111,94)
```

Similar Colors

Text with hexadecimal color #7a685e

This text has a font color of #7a685e.

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

#7a685e background color

This paragraph has a background color of #7a685e.

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

#7a685e border color

This element has a border color of #7a685e.

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

CSS codes

.text {color:#7a685e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0a09
```
#0b0a09 rgb(11,10,9)
```
#161311
```
#161311 rgb(22,19,17)
```
#211c1a
```
#211c1a rgb(33,28,26)
```
#2c2622
```
#2c2622 rgb(44,38,34)
```
#382f2b
```
#382f2b rgb(56,47,43)
```
#433933
```
#433933 rgb(67,57,51)
```
#4e423c
```
#4e423c rgb(78,66,60)
```
#594c44
```
#594c44 rgb(89,76,68)
```
#64554d
```
#64554d rgb(100,85,77)
```
#6f5f55
```
#6f5f55 rgb(111,95,85)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#857167
```
#857167 rgb(133,113,103)
```

Shade Color Variation

#907b6f
```
#907b6f rgb(144,123,111)
```
#99857a
```
#99857a rgb(153,133,122)
```
#a18f85
```
#a18f85 rgb(161,143,133)
```
#aa9990
```
#aa9990 rgb(170,153,144)
```
#b2a49b
```
#b2a49b rgb(178,164,155)
```
#bbaea6
```
#bbaea6 rgb(187,174,166)
```
#c3b8b2
```
#c3b8b2 rgb(195,184,178)
```
#ccc2bd
```
#ccc2bd rgb(204,194,189)
```
#d4ccc8
```
#d4ccc8 rgb(212,204,200)
```
#ddd6d3
```
#ddd6d3 rgb(221,214,211)
```
#e5e1de
```
#e5e1de rgb(229,225,222)
```
#eeebe9
```
#eeebe9 rgb(238,235,233)
```
#f7f5f4
```
#f7f5f4 rgb(247,245,244)
```

Tint Color Variation

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

#726a66
```
#726a66 rgb(114,106,102)
```
#7a685e
```
#7a685e rgb(122,104,94)
```
#826656
```
#826656 rgb(130,102,86)
```
#8b634d
```
#8b634d rgb(139,99,77)
```
#936145
```
#936145 rgb(147,97,69)
```
#9b5f3d
```
#9b5f3d rgb(155,95,61)
```
#a45c34
```
#a45c34 rgb(164,92,52)
```
#ac5a2c
```
#ac5a2c rgb(172,90,44)
```
#b45724
```
#b45724 rgb(180,87,36)
```
#bc551c
```
#bc551c rgb(188,85,28)
```
#c55313
```
#c55313 rgb(197,83,19)
```
#cd500b
```
#cd500b rgb(205,80,11)
```
#d54e03
```
#d54e03 rgb(213,78,3)
```

Tone Color Variation

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

#777267 Protanopia 1% of men
#826f66 Deuteranopia 1% of men
#836d75 Tritanopia 0.001% of the population

Trichromacy

#786e64 Protanomaly 1% of men, 0.01% of women
#7f6c63 Deuteranomaly 6% of men, 0.4% of women
#7f6b6c Tritanomaly 0.01% of the population

#7a685e hex color

#7a685e Color Information

#7a685e Color Conversion

Color Schemes with #7a685e

Alternatives to #7a685e

#7a685e Preview

Shades and Tints of #7a685e

Tones of #7a685e

Color Blindness Simulator