Parchment is a soft, neutral shade evoking calm and warmth. It sits near beige and ivory on the color wheel. This light, creamy hue resembles aged paper. Similar shades include sand and ecru. It's perfect for adding a gentle, classic touch to backgrounds or accents in design.
Parchment is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #F1E9D2
- RGB value: 94.5% red, 91.4% green, 82.4% 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 Parchment, consider:
- Ivory (#ffffe3): Ivory carries a light, creamy quality, similar to Parchment's soft, warm tone, evoking a sense of subtle elegance.
- Off-White (#f2f0ef): Off-White leans into the gentle, neutral palette shared by Parchment, offering just enough warmth without overpowering brightness.
- Champagne (#f7e6ca): Champagne introduces a delicate warmth and a hint of richness akin to Parchment, making them both feel soft and inviting.
- Beige (#ede8d0): Beige presents a harmonious blend of warmth and neutrality, echoing Parchment's understated and earthy undertone.
To complement parchment, consider pairing it with:
- Forest Green (#2e6f40): This color adds a rich, natural contrast that enhances parchment's warm, earthy tones.
- Terracotta (#e35336): Offering a warm, grounded hue, terracotta emphasizes the subtle warmth of parchment.
- Champagne (#f7e6ca): With its light, bubbly tone, champagne creates a soothing and elegant combination with parchment.
- Charcoal (#4a4a4a): This deep, dark shade provides a stark contrast, highlighting parchment's softness and warmth.
- Cinnamon (#d47e30): Cinnamon's spicy warmth resonates with parchment's earthy vibes, creating a cozy palette.
While Parchment is a warm and neutral tone, it may clash with:
- Cinnabar (#e84b3d): The vibrant red-orange of cinnabar can overpower Parchment, creating a harsh visual tension.
- Neon Green (#2cff05): The intense brightness and highly saturated hue of neon green can create an unsettling contrast with the softness of Parchment.
- Cyan (#00ffff): This bright, cool color contrasts starkly with Parchment’s warmth, leading to a visually discordant pairing.
- Magenta (#fd3db5): Magenta’s vividness can make Parchment seem dull, as the two colors compete for attention.
- Dark Purple (#341539): The deep intensity of dark purple can overshadow the light and neutral qualities of Parchment, resulting in a visually heavy combination.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Beige Whimsy
Hushed Meadow
Clay Meadow
Contrast checker
Contrast 1.21
- Large Text
#F1E9D2
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 17.33
- Large Text
#F1E9D2
- 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 #F1E9D2, known as Parchment, has RGB values of R:241, G:233, B:210 and CMYK values of C:0, M:3, Y:13, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #F1E9D2 | #F1E9D2 |
| RGB DECIMAL | 241, 233, 210 | RGB(241,233,210) |
| RGB PERCENTAGE | 94.5, 91.4, 82.4 | RGB(94.5%,91.4%,82.4%) |
| CMYK | 0, 3, 13, 5 | |
| HSL | HSL(44.5, 52.5%, 88.4%) | HSL(44.5, 52.5%, 88.4%) |
| HSV (OR HSB) | 44.5°, 12.9, 94.5 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11110001, 11101001, 11010010 | |
| iOS - SwiftUI | Color(red: 0.945, green: 0.914, blue: 0.824) | |
| iOS - UIKit | UIColor(red: 0.945, green: 0.914, blue: 0.824, alpha: 1) | |
| Android - Compose | Color(0xFFF1E9D2) |
