#9fa686 hex color

In a RGB color space, hex #9fa686 is composed of 62.4% red, 65.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 19.3% yellow and 34.9% black. It has a hue angle of 73.1 degrees, a saturation of 15.2% and a lightness of 58.8%. #9fa686 color hex could be obtained by blending #ffffff with #3f4d0d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 62
- G 65
- B 53
RGB color chart
- C 4
- M 0
- Y 19
- K 35
CMYK color chart

● #9fa686 color description : Dark grayish yellow.

The hexadecimal color #9fa686 has RGB values of R:159, G:166, B:134 and CMYK values of C:0.04, M:0, Y:0.19, K:0.35. Its decimal value is 10462854.

Hex triplet	9fa686	`#9fa686`
RGB Decimal	159, 166, 134	`rgb(159,166,134)`
RGB Percent	62.4, 65.1, 52.5	`rgb(62.4%,65.1%,52.5%)`
CMYK	4, 0, 19, 35
HSL	73.1°, 15.2, 58.8	`hsl(73.1,15.2%,58.8%)`
HSV (or HSB)	73.1°, 19.3, 65.1
Web Safe	999999	`#999999`

CIE-LAB	66.798, -8.196, 15.763
XYZ	32.237, 36.365, 27.874
xyY	0.334, 0.377, 36.365
CIE-LCH	66.798, 17.766, 117.472
CIE-LUV	66.798, -2.482, 23.055
Hunter-Lab	60.303, -10.109, 14.807
Binary	10011111, 10100110, 10000110

#9fa686
```
#9fa686 rgb(159,166,134)
```
#8d86a6
```
#8d86a6 rgb(141,134,166)
```

Complementary Color

#a69d86
```
#a69d86 rgb(166,157,134)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#8fa686
```
#8fa686 rgb(143,166,134)
```

Analogous Color

#9d86a6
```
#9d86a6 rgb(157,134,166)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#868fa6
```
#868fa6 rgb(134,143,166)
```

Split Complementary Color

#a6869f
```
#a6869f rgb(166,134,159)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#869fa6
```
#869fa6 rgb(134,159,166)
```

Triadic Color

#a68d86
```
#a68d86 rgb(166,141,134)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#869fa6
```
#869fa6 rgb(134,159,166)
```
#8d86a6
```
#8d86a6 rgb(141,134,166)
```

Tetradic Color

#79815f
```
#79815f rgb(121,129,95)
```
#878f6a
```
#878f6a rgb(135,143,106)
```
#939b77
```
#939b77 rgb(147,155,119)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#abb195
```
#abb195 rgb(171,177,149)
```
#b6bca3
```
#b6bca3 rgb(182,188,163)
```
#c2c6b2
```
#c2c6b2 rgb(194,198,178)
```

Monochromatic Color

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

#a6a586
```
#a6a586 rgb(166,165,134)
```
#a4a686
```
#a4a686 rgb(164,166,134)
```
#a2a686
```
#a2a686 rgb(162,166,134)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#9ca686
```
#9ca686 rgb(156,166,134)
```
#9aa686
```
#9aa686 rgb(154,166,134)
```
#97a686
```
#97a686 rgb(151,166,134)
```

Similar Colors

Text with hexadecimal color #9fa686

This text has a font color of #9fa686.

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

#9fa686 background color

This paragraph has a background color of #9fa686.

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

#9fa686 border color

This element has a border color of #9fa686.

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

CSS codes

.text {color:#9fa686;}

.background {background-color:#9fa686;}

.border {border:1px solid #9fa686;}

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

#030302
```
#030302 rgb(3,3,2)
```
#0e0f0b
```
#0e0f0b rgb(14,15,11)
```
#181a13
```
#181a13 rgb(24,26,19)
```
#23251b
```
#23251b rgb(35,37,27)
```
#2e3124
```
#2e3124 rgb(46,49,36)
```
#383c2c
```
#383c2c rgb(56,60,44)
```
#434734
```
#434734 rgb(67,71,52)
```
#4e523d
```
#4e523d rgb(78,82,61)
```
#585e45
```
#585e45 rgb(88,94,69)
```
#63694d
```
#63694d rgb(99,105,77)
```
#6e7456
```
#6e7456 rgb(110,116,86)
```
#78805e
```
#78805e rgb(120,128,94)
```
#838b66
```
#838b66 rgb(131,139,102)
```

Shade Color Variation

#8d956f
```
#8d956f rgb(141,149,111)
```
#969e7b
```
#969e7b rgb(150,158,123)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#a8ae91
```
#a8ae91 rgb(168,174,145)
```
#b1b79d
```
#b1b79d rgb(177,183,157)
```
#babfa8
```
#babfa8 rgb(186,191,168)
```
#c3c7b3
```
#c3c7b3 rgb(195,199,179)
```
#ccd0bf
```
#ccd0bf rgb(204,208,191)
```
#d5d8ca
```
#d5d8ca rgb(213,216,202)
```
#dee0d5
```
#dee0d5 rgb(222,224,213)
```
#e7e9e0
```
#e7e9e0 rgb(231,233,224)
```
#f0f1ec
```
#f0f1ec rgb(240,241,236)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#9a9e8e
```
#9a9e8e rgb(154,158,142)
```
#9fa686
```
#9fa686 rgb(159,166,134)
```
#a4ae7e
```
#a4ae7e rgb(164,174,126)
```
#a8b676
```
#a8b676 rgb(168,182,118)
```
#adbe6e
```
#adbe6e rgb(173,190,110)
```
#b1c666
```
#b1c666 rgb(177,198,102)
```
#b6ce5e
```
#b6ce5e rgb(182,206,94)
```
#bad656
```
#bad656 rgb(186,214,86)
```
#bfdf4d
```
#bfdf4d rgb(191,223,77)
```
#c3e745
```
#c3e745 rgb(195,231,69)
```
#c8ef3d
```
#c8ef3d rgb(200,239,61)
```
#ccf735
```
#ccf735 rgb(204,247,53)
```
#d1ff2d
```
#d1ff2d rgb(209,255,45)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a0a19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a68a Protanopia 1% of men
#bfa18f Deuteranopia 1% of men
#aaa5b1 Tritanopia 0.001% of the population

Trichromacy

#aaa688 Protanomaly 1% of men, 0.01% of women
#b3a38b Deuteranomaly 6% of men, 0.4% of women
#a6a5a1 Tritanomaly 0.01% of the population

#9fa686 hex color

#9fa686 Color Information

#9fa686 Color Conversion

Color Schemes with #9fa686

Alternatives to #9fa686

#9fa686 Preview

Shades and Tints of #9fa686

Tones of #9fa686

Color Blindness Simulator