Maize is a warm, sunny shade resembling ripe corn. It sits in the yellow family on the color wheel, echoing brightness and cheerfulness. Maize pairs well with shades like goldenrod and saffron. Use it to add warmth and energy to designs, perfect for summery layouts and cheerful themes.
Maize is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FBEC5D
- RGB value: 98.4% red, 92.5% green, 36.5% 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 maize, consider:
- Mustard Yellow (#ffce1b): Mustard yellow is a bold, deep yellow that closely resembles the earthy richness found in corn pigmentation. Its golden hue mirrors the warmth and vibrancy typical of maize.
- Saffron (#f1c338): Saffron shares a warm, golden-yellow tone with maize, providing a similar sunny brightness associated with kernel hues. This color offers a cheerful yet earthy resemblance.
- Amber (#ffbf00): Amber presents a clear, crisp shade of yellow-orange that complements maize’s rich yellows. Its bright and inviting nature mirrors that of yellow maize, evoking the striking warmth of fresh corn.
- Gold (#efbf04): Gold shares maize’s earthy pigmentation, offering a sunny yellow tone with metallic undertones. It’s reminiscent of the warm hues seen in corn fields, adding a touch of shimmer common in the coloring agents used for maize.
To complement Maize, consider pairing it with:
- Navy Blue (#000080): This deep blue offers a striking contrast to Maize’s warmth, creating a balanced and eye-catching palette.
- Olive Green (#636B2F): Olive Green’s earthy tones harmonize beautifully with the warmth of Maize, evoking a natural and grounded feel.
- Cool Gray (#cbcbcb): This neutral shade provides a sophisticated backdrop, allowing Maize to shine while maintaining a calm, modern vibe.
- Coral (#ff8559): The lively hue of Coral complements Maize by adding a playful touch, enhancing the vibrancy of any design.
While Maize is a warm and welcoming color, it may clash with the following:
- Royal Blue (#305CDE): The cool undertones of royal blue starkly contrast with maize's warm, sunny vibe, creating a jarring visual effect.
- Scarlet (#ED2100): Scarlet's intense, fiery energy may overpower maize, resulting in a combination that feels excessively bold and lacks harmony.
- Neon Purple (#8A00C4): Neon purple's vivid and electric presence can overwhelm maize, disrupting the overall balance and detracting from its natural warmth.
- Dark Green (#06402B): The deep, earthy tones of dark green can overshadow maize’s brightness, making the pair feel unbalanced and visually heavy.
- Cobalt Blue (#0047AB): Cobalt blue's strong, vibrant hue may clash with maize by creating too much contrast, leading to a visually unsettling experience.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Golden Citrus
Solar Surf
Spice Citrus
Contrast checker
Contrast 1.22
- Large Text
#FBEC5D
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 17.26
- Large Text
#FBEC5D
- 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 #FBEC5D, known as Maize, has RGB values of R:251, G:236, B:93 and CMYK values of C:0, M:6, Y:63, K:2.
| VALUE | CSS | |
|---|---|---|
| HEX | #FBEC5D | #FBEC5D |
| RGB DECIMAL | 251, 236, 93 | RGB(251,236,93) |
| RGB PERCENTAGE | 98.4, 92.5, 36.5 | RGB(98.4%,92.5%,36.5%) |
| CMYK | 0, 6, 63, 2 | |
| HSL | HSL(54.3, 95.2%, 67.5%) | HSL(54.3, 95.2%, 67.5%) |
| HSV (OR HSB) | 54.3°, 62.9, 98.4 | |
| WEB SAFE | #255255102 | #255255102 |
| BINARY | 11111011, 11101100, 01011101 | |
| iOS - SwiftUI | Color(red: 0.984, green: 0.925, blue: 0.365) | |
| iOS - UIKit | UIColor(red: 0.984, green: 0.925, blue: 0.365, alpha: 1) | |
| Android - Compose | Color(0xFFFBEC5D) |
