Warm gray is a cozy and versatile shade, blending gray's neutrality with subtle brown undertones. It sits between gray and brown on the color wheel. Related shades include greige and taupe. Use warm gray to add a comforting backdrop in interiors, enhancing neutral tones without overpowering.
Warm Gray is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #A49A87
- RGB value: 64.3% red, 60.4% green, 52.9% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as warm gray, consider:
- Warm Gray (#908D87): Warm Gray shares neutral tones and subtle warmth found in many color palettes. It works as a versatile shade, offering earthy shades in design.
- Taupe (#54463A): Taupe provides a balance of gray and brown, embodying a neutral tone with earthy warmth resembling Warm Gray.
- Slate Gray (#6D8196): Slate Gray brings a cooler yet muted tone that echoes the harmonious balance of gray hues in Warm Gray, maintaining its calm, versatile nature.
- Mocha (#6D3B07): Mocha combines darker brown tones with an underlying earthy feel—the rich warmth aligns it with the subtle neutrality of Warm Gray.
To complement Warm Gray, consider pairing it with:
- Coral (#FF8559): This lively hue injects energy into the muted Warm Gray, creating a balanced and inviting palette ideal for interior design.
- Mint Green (#ADEBB3): Its refreshing tone complements Warm Gray's subtle warmth and sophistication, enhancing the overall color palette.
- Burgundy (#660033): Offering depth and elegance, Burgundy enriches Warm Gray, adding sophistication to any modern aesthetic.
- Mustard Yellow (#FFCE1B): This bold choice contrasts beautifully with Warm Gray, introducing a cozy feel and chic sophistication to any space.
- Navy Blue (#000080): As a deep, grounding tone, Navy Blue highlights Warm Gray’s versatility and adds a modern touch.
While Warm Gray offers a versatile and cozy feel, certain colors can create visual discord when paired with it:
- Neon Pink (#FF13F0): This vibrant hue can clash with Warm Gray's subtle warmth, creating a contrast that feels overly intense and lacks harmony.
- Chartreuse (#CCFF00): This bright and bold color can overwhelm Warm Gray’s neutral tones, leading to a pairing that feels jarring and unbalanced.
- Navy Blue (#000080): Its deep intensity can overshadow the soft, neutral undertone of Warm Gray, disturbing the calm and understated aesthetic.
- Mustard Yellow (#FFCE1B): The strong, warm vibrancy of this color can compete with Warm Gray’s earthy shades, resulting in a discordant color palette.
- Emerald (#50C878): The rich, lush green has the potential to clash with Warm Gray’s modern aesthetic, as they both vie for attention in a space.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Earthy Elegance
Muted Mist
Rustic Serenity
Contrast checker
Contrast 2.78
- Large Text
#A49A87
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 7.55
- Large Text
#A49A87
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #A49A87, known as Warm Gray, has RGB values of R:164, G:154, B:135 and CMYK values of C:0, M:6, Y:18, K:36.
| VALUE | CSS | |
|---|---|---|
| HEX | #A49A87 | #A49A87 |
| RGB DECIMAL | 164, 154, 135 | RGB(164,154,135) |
| RGB PERCENTAGE | 64.3, 60.4, 52.9 | RGB(64.3%,60.4%,52.9%) |
| CMYK | 0, 6, 18, 36 | |
| HSL | HSL(39.3, 13.7%, 58.6%) | HSL(39.3, 13.7%, 58.6%) |
| HSV (OR HSB) | 39.3°, 17.7, 64.3 | |
| WEB SAFE | #153153153 | #153153153 |
| BINARY | 10100100, 10011010, 10000111 | |
| iOS - SwiftUI | Color(red: 0.643, green: 0.604, blue: 0.529) | |
| iOS - UIKit | UIColor(red: 0.643, green: 0.604, blue: 0.529, alpha: 1) | |
| Android - Compose | Color(0xFFA49A87) |
