Figma color wheel
Want to find the perfect complementary or analogous colors to match Goldenrod?
Goldenrod is a warm, cheerful yellow with a hint of orange, radiating energy and positivity. It sits near yellow on the color wheel. Hues include mustard and saffron. Use goldenrod in designs for a sunny, inviting vibe—perfect for adding warmth and brightness.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Amber Glow
Golden Azure
Harvest Gleam
Goldenrod is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #DAA520
- RGB value: 85.5% red, 64.7% green, 12.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 Goldenrod, consider:
- Mustard Yellow (#ffce1b): Like goldenrod, mustard yellow shares a warm, earthy richness, with slightly more brightness and vibrancy, making it punchy yet grounded.
- Saffron (#f1c338): Saffron mirrors the golden undertones of goldenrod, adding an earthy and exotic flair with a bit more yellow intensity.
- Amber (#ffbf00): Amber echoes the deep, warm tones of goldenrod, but with a brighter, sunlit glow that maintains the essence of this natural hue.
- Brass (#b5a642): Brass reflects the vintage allure of goldenrod, with a metallic luster that deepens its warm, earthy character.
To complement goldenrod, consider pairing it with:
- Sage (#BBB791): Sage offers an earthy, muted balance to goldenrod’s bright warmth, creating a grounded and harmonious palette.
- Royal Blue (#305CDE): Royal blue provides a bold contrast to goldenrod, enhancing the vibrancy of both colors for a striking visual impact.
- Burnt Orange (#BE5103): Burnt orange adds a warm, autumnal feel that blends seamlessly with goldenrod, echoing natural themes.
- Cream (#FDFBD4): Cream delivers a soft, neutral backdrop that allows goldenrod to stand out, adding depth and elegance to the palette.
- Dark Green (#06402B): Dark green introduces a rich, forest-like depth, creating a natural and sophisticated balance with goldenrod's brightness.
While Goldenrod (#DAA520) shines with its rich, warm tone, it may clash with:
- Neon Pink (#FF13F0): The vibrant intensity of neon pink can overshadow the subtler, earthy quality of goldenrod, creating a visually jarring effect.
- Violet (#7F00FF): With its deep, cool undertones, violet can create a stark contrast against goldenrod, leading to an unbalanced and discordant palette.
- Cobalt Blue (#0047AB): The strong, bold nature of cobalt blue contradicts the warmth of goldenrod, resulting in a color conflict that disrupts harmony.
- Mint Green (#ADEBB3): Mint green’s cool, fresh tone may clash with the warm, autumnal feel of goldenrod, potentially leading to a visually unsettling combination.
- Red-Orange (#FF4B33): The vibrant hue of red-orange might compete with goldenrod’s richness, leading to a palette that feels overly intense.
Contrast checker
Contrast 2.24
- Large Text
#DAA520
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 9.38
- Large Text
#DAA520
- 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 #DAA520, known as Goldenrod, has RGB values of R:218, G:165, B:32 and CMYK values of C:0, M:24, Y:85, K:15.
| VALUE | CSS | |
|---|---|---|
| HEX | #DAA520 | #DAA520 |
| RGB DECIMAL | 218, 165, 32 | RGB(218,165,32) |
| RGB PERCENTAGE | 85.5, 64.7, 12.5 | RGB(85.5%,64.7%,12.5%) |
| CMYK | 0, 24, 85, 15 | |
| HSL | HSL(42.9, 74.4%, 49.0%) | HSL(42.9, 74.4%, 49.0%) |
| HSV (OR HSB) | 42.9°, 85.3, 85.5 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 11011010, 10100101, 00100000 | |
| iOS - SwiftUI | Color(red: 0.855, green: 0.647, blue: 0.125) | |
| iOS - UIKit | UIColor(red: 0.855, green: 0.647, blue: 0.125, alpha: 1) | |
| Android - Compose | Color(0xFFDAA520) |
