
Figma color wheel
Want to find the perfect complementary or analogous colors to match beige?
Skip to main content
Everything you need to know about beige to inspire your next design.
Beige is a light and versatile neutral color that subtly blends soft tones of brown and white. This hue is positioned toward the lighter end of the brown spectrum on the color wheel. It resembles a pale cream rather than spanning to darker hues like taupe, and offers a warm, understated elegance.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Vanilla Bean
Beachfront Views
Boho Beige
Beige is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #EDE8D0
- RGB value: 92.9% red, 91% green and 81.6% 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.
To effectively use beige in UI design, consider the following:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same soft and neutral spectrum as beige, consider:
To complement beige's understated tones, consider pairing it with:
Other colors whttps://art.likn.co/colors/burnt-orange/orth considering include soft lavender for a gentle, whimsical palette, light turquoise for a subtle, refreshing contrast, and metallic silver or gold for glamour and sophistication.
While beige is incredibly versatile, it may clash with:
Beige symbolizes simplicity, calmness, and neutrality. Its earthy tone connects it to the natural world, evoking a sense of stability and reliability. In color psychology, beige is often seen as a color of simplicity and comfort, providing a calming presence that promotes relaxation and tranquility.
In branding and UI/UX design, beige conveys a sense of practicality and timelessness, creating a serene and welcoming atmosphere. Beige's neutrality makes it a powerful choice for communicating an aura of effortless elegance and understated luxury.
Beige comes from the French word for natural, unbleached, undyed wool. In the early 20th century, beige became popular when the fashion industry adopted it for its simplicity and authenticity. Designers like Coco Chanel played a key role in turning beige from a practical color to sophistication and elegance. Chanel added beige to her designs in the 1920s, connecting it to understated luxury and timeless style. In interior design, beige has been a staple for creating minimalist and modern spaces, and it is known for adding warmth and spaciousness.
Contrast 1.23
#EDE8D0
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 17.05
#EDE8D0
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #EDE8D0, known as beige, has RGB values of R:237, G:232, B:208 and CMYK values of C:0, M:0.02, Y:0.12, K:0.07.
| VALUE | CSS | |
|---|---|---|
| HEX | EDE8D0 | #EDE8D0 |
| RGB DECIMAL | 237, 232, 208 | rgb(237,232,208) |
| RGB PERCENTAGE | 92.9, 91, 81.6 | rgb(92.9%,91%,81.6%) |
| CMYK | 0, 2, 12, 7 | |
| HSL | 49.7°, 44.6, 87.3 | hsl(49.7,44.6%,87.3%) |
| HSV (OR HSB) | 49.7°, 12.2, 92.9 | |
| WEB SAFE | FFFFCC | #FFFFCC |
| CIE-LAB | 91.807, -2.309, 12.275 | |
| XYZ | 75.165, 80.272, 71.205 | |
| xyY | 0.332, 0.354, 80.272 | |
| CIE-LCH | 91.807, 12.49, 100.651 | |
| CIE-LUV | 91.807, 4.246, 18.617 | |
| HUNTER-LAB | 89.595, -7.04, 15.596 | |
| BINARY | 11101101, 11101000, 11010000 | |
| iOS - SwiftUI | Color(red: 237/255, green: 232/255, blue: 208/255) | |
| iOS - UIKit | UIColor(red: 237/255.0, green: 232/255.0, blue: 208/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFFEDE8D0) |

Want to find the perfect complementary or analogous colors to match beige?

Discover the soft and delicate color of cream.
Uncover the elegant and rich color of maroon.