Figma color wheel
Want to find the perfect complementary or analogous colors to match Xanadu?
Xanadu is a soothing, grayish-green hue that evokes calmness and tranquility. It sits between green and gray on the color wheel. Xanadu's mossy appearance pairs well with shades like sage and celadon. Perfect for creating serene and balanced designs.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Mossy Swirl
Herb Garden
Tranquil Grove
Xanadu is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #738678
- RGB value: 45.1% red, 52.5% green, 47.1% 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 Xanadu, consider:
- sage (#bbb791): Soft and muted, sage captures the earthy and calm feel of Xanadu, echoing its gray-green tones.
- moss green (#7e8c54): This color embodies the natural warmth and subdued vibrancy found in Xanadu, with a slightly darker hue.
- olive green (#636b2f): Olive green offers a deeper and more subdued take, sharing Xanadu's earthy quality and gray undertone.
- pistachio (#84b067): Lighter and more vibrant, pistachio holds a hint of Xanadu’s peaceful, natural green character, with added brightness.
To complement Xanadu, consider pairing it with:
- Cream (#FDFBD4): Cream’s neutral tone serves as a perfect backdrop, making Xanadu’s muted green shimmer subtly while maintaining a sophisticated look.
- Terracotta (#E35336): Terracotta offers a warm and earthy contrast to Xanadu, creating a harmonious and nature-inspired palette.
- Light Orange (#FFDBBB): Light orange brings a fresh and playful vibe that adds warmth to Xanadu’s calm demeanor, resulting in a lively yet balanced scheme.
- Slate Blue (#557C99): Slate blue provides a cool counterpart to Xanadu, enhancing its green undertones while introducing a sense of tranquility.
- Soft Pink (#E89EB8): Soft pink softens Xanadu with a gentle, romantic hue, making this pair suitable for serene and inviting spaces.
While Xanadu is a complex and sophisticated color, it may clash with:
- Red-brown (#942222): The deep richness of red-brown contrasts uncomfortably with Xanadu’s subdued green-gray tone, creating a sense of imbalance.
- Neon pink (#FF13F0): Neon pink’s vivid brightness can overwhelm Xanadu, making it appear dull by comparison.
- Mustard yellow (#FFCE1B): Mustard yellow’s strong warmth clashes with Xanadu’s cool base, resulting in a discordant palette.
- Royal purple (#6C3BAA): The boldness of royal purple competes with Xanadu’s more subdued nature, leading to a visually jarring combination.
- Burnt orange (#BE5103): The intense saturation and warmth of burnt orange can create tension with Xanadu’s cooler, more muted tone.
Contrast checker
Contrast 3.88
- Large Text
#738678
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 5.41
- Large Text
#738678
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #738678, known as Xanadu, has RGB values of R:115, G:134, B:120 and CMYK values of C:14, M:0, Y:10, K:47.
| VALUE | CSS | |
|---|---|---|
| HEX | #738678 | #738678 |
| RGB DECIMAL | 115, 134, 120 | RGB(115,134,120) |
| RGB PERCENTAGE | 45.1, 52.5, 47.1 | RGB(45.1%,52.5%,47.1%) |
| CMYK | 14, 0, 10, 47 | |
| HSL | HSL(135.8, 7.6%, 48.8%) | HSL(135.8, 7.6%, 48.8%) |
| HSV (OR HSB) | 135.8°, 14.2, 52.5 | |
| WEB SAFE | #102153102 | #102153102 |
| BINARY | 01110011, 10000110, 01111000 | |
| iOS - SwiftUI | Color(red: 0.451, green: 0.525, blue: 0.471) | |
| iOS - UIKit | UIColor(red: 0.451, green: 0.525, blue: 0.471, alpha: 1) | |
| Android - Compose | Color(0xFF738678) |
