Drab
Introducing Drab (#967117), a color that defies easy categorization. This distinctive shade occupies the space between brown and olive green, giving it a muted yet substantial quality. Its appeal comes from this subtle complexity, offering a sophisticated option for a designer's toolkit.
What color is Drab?
Drab is a muted, earthy color situated in the yellow-brown portion of the spectrum.
It carries a distinct warmth from its strong ochre undertones, giving it the character of an antique gold.
What is the meaning of the color Drab (#967117)?
Historically, the term Drab described the color of undyed wool, giving it associations with humility and practicality. It later appeared in military contexts, adding a layer of resilience and discipline to its meaning.
Psychologically, Drab conveys a sense of stability and timelessness, often symbolizing an organic, grounded sophistication that feels both authentic and enduring.
How to use Drab in UI design?
Drab (#967117) shines when used to create contrast or establish a sophisticated foundation. Pair it with crisp off-whites or light grays to make interactive elements pop, or combine it with deep navy blues or rich forest greens for an earthy, elegant palette. It's particularly effective for backgrounds, secondary text, or as a grounding accent color in complex interfaces.
You won't find Drab splashed across many mainstream brands, which is precisely its strength. Its rarity offers a chance to build a distinct visual identity. The car-sharing service Turo, for example, uses a similar muted earth tone to project a sense of reliability and groundedness, setting it apart from more vibrant competitors.
To see how Drab works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview how #967117 looks in real UI components from top-tier apps.
Using Drab color codes
While #967117 is the go-to hex code for Drab in web development, your project might call for a different format. Digital and print design rely on distinct color models, so having the right code on hand is essential for maintaining color consistency across different media.
For instance, RGB (Red, Green, Blue) values define colors for digital screens through additive light, whereas CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust and select colors during the creative process.
To help you get started, we’ve converted the hex code #967117 for Drab into a range of popular color code formats. Simply find the one you need below and copy it directly into your project.
Analogous
An analogous scheme uses colors adjacent to Drab (#967117) on the color wheel, resulting in a cohesive and serene visual experience.
Complementary
Drab's complementary color is found directly across from it on the color wheel, creating a pairing with maximum contrast and visual pop.
Split Complementary
Split complementary colors for Drab offer a vibrant yet balanced palette. This scheme uses the two colors adjacent to its direct complement.
Triadic
A triadic combination pairs Drab with two other colors, all equally distanced on the color wheel, resulting in a balanced yet vibrant look.
Tetradic
A tetradic scheme builds on Drab by pairing it with its complement and adding another complementary duo, creating a rich, balanced four-color palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel, forming a square and creating a vibrant, high-contrast, and balanced palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By adding black to Drab, you create shades that add visual weight and depth.
Tints
By adding white to Drab, you create tints—lighter variations with a softer feel.
Tones
Adding gray to Drab creates tones, which are softer and less saturated versions.
Hues
Hues are variations of Drab, sharing its base color but with different intensities or temperatures.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
