Brownish Grey Color
#9F8170
Shades
Darker variations of each color in your palette
Base Color
#9F8170#9F8170
#7F675A
#5F4D43
#40342D
#201A16
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#9F8170#9F8170
#B29A8D
#C5B3A9
#D9CDC6
#ECE6E2
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #9F8170 |  |
| RGB | 159, 129, 112 | |
| HSL | 22, 20%, 53% | |
| CMYK | 0%, 19%, 30%, 38% | |
| OKLCH | oklch(0.627 0.045 51) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#9F8170#9F6F76
#9F8170
#9F996F
Analogous
#9F8170
#6F8E9F
Complementary
#9F8170
#6F9F81
#816F9F
Triadic
#9F8170
#6F9F99
#6F769F
Split Complementary
#9F8170
#769F6F
#6F8E9F
#996F9F
Tetradic
#3D3029
#6B5447
#997966
#B8A194
#D6C9C2
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#9F8170#9F6F6F
#9F9F6F
#6F9F6F
#6F9F9F
#6F6F9F
#9F6F9F
Hues
Tones
Tones created by adding gray to each color
Base Color
#9F8170#9F8170
#998173
#938176
#8C807A
#86807D
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#9F8170#AD816B
#BC8166
#CA8161
Warmer
#988185
#91819B
#8A81B0
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#9F8170On White Background
Sample Text
Contrast Ratio:3.59:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.85:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)