Buff is a warm, earthy shade with a calm, neutral feel. It sits between yellow and beige on the color wheel, with a soft, creamy appearance. Similar shades include ivory and tan. Use buff to create soothing backdrops or to add a gentle touch to cozy, natural designs.
Buff is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #F0DC82
- RGB value: 94.1% red, 86.3% green, 51.0% 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 Buff, consider:
- Beige (#ede8d0): Shares a light, creamy tone that resembles natural, earthy elements, reflecting Buff's warmth.
- Ecru (#e0cd95): Offers a soft, neutral hue akin to unbleached linen, capturing Buff's subtle, organic vibe.
- Sand (#cbbd93): Mimics the muted, grainy look of sandy beaches, echoing Buff's gentle warmth and earthiness.
- Champagne (#f7e6ca): Exhibits a delicate, pale tone with a hint of yellow, reminiscent of Buff's soft, inviting feel.
To complement Buff, consider pairing it with:
- Olive Green (#636B2F): This earthy tone enhances Buff's natural warmth and adds depth to your palette. Together, they create a balanced, organic environment.
- Coral (#FF8559): Coral introduces a vibrant contrast to Buff, infusing energy while maintaining a soothing feel. This pairing is perfect for lively yet calm designs.
- Pewter (#909eae): The coolness of pewter juxtaposes nicely with Buff’s warmth. This neutral combination exudes sophistication and balance.
- Cinnamon (#D47E30): Cinnamon’s rich, spicy hue accentuates Buff’s subtle undertones, crafting a warm and inviting atmosphere.
- Burnt Sienna (#ED7B58): This color adds warmth and depth, creating a cohesive yet dynamic combination with Buff.
While Buff exudes warmth and neutrality, it may clash with:
- Cobalt Blue (#0047AB): Its intense and cool tone starkly contrasts with Buff's soft warmth, creating visual tension.
- Crimson Red (#B22222): This rich, bold hue competes with Buff's subtlety, overshadowing its gentle nature.
- Emerald Green (#00674F): The deep green can dominate Buff's earthiness, leading to an imbalanced palette.
- Burnt Orange (#BE5103): Its intensity against Buff's soothing undertones may create a harsh color conflict.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Horizon Pop
Sunny Periwinkle
Sunny Teal
Contrast checker
Contrast 1.38
- Large Text
#F0DC82
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 15.26
- Large Text
#F0DC82
- 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 #F0DC82, known as Buff, has RGB values of R:240, G:220, B:130 and CMYK values of C:0, M:8, Y:46, K:6.
| VALUE | CSS | |
|---|---|---|
| HEX | #F0DC82 | #F0DC82 |
| RGB DECIMAL | 240, 220, 130 | RGB(240,220,130) |
| RGB PERCENTAGE | 94.1, 86.3, 51.0 | RGB(94.1%,86.3%,51.0%) |
| CMYK | 0, 8, 46, 6 | |
| HSL | HSL(49.1, 78.6%, 72.5%) | HSL(49.1, 78.6%, 72.5%) |
| HSV (OR HSB) | 49.1°, 45.8, 94.1 | |
| WEB SAFE | #255204153 | #255204153 |
| BINARY | 11110000, 11011100, 10000010 | |
| iOS - SwiftUI | Color(red: 0.941, green: 0.863, blue: 0.510) | |
| iOS - UIKit | UIColor(red: 0.941, green: 0.863, blue: 0.510, alpha: 1) | |
| Android - Compose | Color(0xFFF0DC82) |
