Codes & values
- Color Name
Goldenrod - Color ID
KDF-C-14329120 - HEX
#DAA520 - RGB
rgb(218, 165, 32) - RGBA
rgba(218, 165, 32, 1) - HSL
hsl(43, 74%, 49%) - HSLA
hsla(43, 74%, 49%, 1) - HSV / HSB
hsv(43, 85%, 85%) - CMYK
cmyk(0%, 24%, 85%, 15%) - Light / Dark
mid
Quick answers
- What is the HEX code for Goldenrod?
- #DAA520
- What is Goldenrod RGB?
- rgb(218, 165, 32)
- What is Goldenrod HSL?
- hsl(43, 74%, 49%)
- What is Goldenrod CMYK?
- cmyk(0%, 24%, 85%, 15%)
What is Goldenrod?
Goldenrod is a curated orange family color at #DAA520. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Goldenrod HEX code
The HEX code for Goldenrod is #DAA520. Paste it into CSS as color: #DAA520; or background-color: #DAA520;. Design tools accept the same six-digit value without the # prefix (daa520).
Goldenrod RGB
Goldenrod in RGB is rgb(218, 165, 32) (channels R 218, G 165, B 32). Use RGB when you need opacity via rgba(218, 165, 32, 1).
Goldenrod HSL & HSV
HSL is hsl(43, 74%, 49%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(43, 85%, 85%), closer to how many digital pickers expose hue, saturation, and brightness.
Goldenrod CMYK
Approximate CMYK for Goldenrod is cmyk(0%, 24%, 85%, 15%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Goldenrod
Darker shades (mixed toward black): #B68A1B, #916E15, #6D5310, #49370B, #241B05. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Goldenrod
Lighter tints (mixed toward white): #E0B445, #E6C36A, #EDD290, #F3E1B5, #F9F0DA. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Goldenrod
Complementary pairing: #DAA520, #2055DA. Analogous neighbors: #DA4820, #DAA520, #B2DA20. Triadic accents: #DAA520, #20DAA5, #A520DA. Always check text contrast when pairing.
Goldenrod color combinations
A practical combo: primary #DAA520, complementary accent #2055DA, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #DAA520, #20B2DA, #4820DA.
Goldenrod in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Goldenrod in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 2.24:1 (better as a large accent or background than small body text); vs black 9.38:1.
Goldenrod metallic feel
Goldenrod evokes metal finishes. On screens, flat HEX is a stand-in — add subtle gradients or texture in mockups for a more realistic metal look.
Frequently asked questions
- What is the HEX code for Goldenrod?
- Goldenrod: #DAA520.
- What is Goldenrod RGB?
- Goldenrod: rgb(218, 165, 32).
- What is Goldenrod HSL?
- Goldenrod: hsl(43, 74%, 49%).
- What is Goldenrod CMYK?
- Goldenrod: cmyk(0%, 24%, 85%, 15%).
- What colors go with Goldenrod?
- Try complementary #DAA520, #2055DA or analogous #DA4820, #DAA520, #B2DA20.
- Is Goldenrod good for text on white?
- Not ideal for small body text (2.24:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.24:1 (prefer large accent or background). Contrast vs black: 9.38:1. Complementary swatch: #DAA520, #2055DA.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK