Pikka Logo Pikka
Chrome App
Rich Radiant Nectar Amber Gold Category: Yellow

Honey Gold (#EBA83A) — Color Codes, Meaning & UI Palettes

Honey Gold (#EBA83A) is a deep, glowing amber yellow reminiscent of pure wildflower honey illuminated by sunlight. It radiates prosperity, artisanal authenticity, optimistic warmth, and sweet richness.

Quick Answer (Honey Gold Color Code): The exact HEX code for Honey Gold is #EBA83A. In RGB, it is rgb(235, 168, 58). In HSL, it is hsl(37deg, 82%, 57%), and its print CMYK formulation is cmyk(0%, 29%, 75%, 8%). It has a relative luminance of 0.46 and pairs best in UI design with Deep Navy (#0F172A) and Pure White (#FFFFFF).
Click to Copy HEX
Honey Gold
#EBA83A
HEX
#EBA83A
RGB
rgb(235, 168, 58)
HSL
hsl(37deg, 82%, 57%)
CMYK (Print)
cmyk(0%, 29%, 75%, 8%)
Apple Display P3
color(display-p3 0.922 0.659 0.227)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 2.06:1 (Fail)
Black Text (#000000) 10.2:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#FDF7EC
100
#FBEFDA
200
#F8DEB5
300
#F3C986
400
#EEB14F
500
#EBA83A
600
#D98E15
700
#AC7111
800
#7F530D
900
#553708
950
#301F05

Color Harmonies & Palette Schemes

Complementary

#377CEB
Opposite 180° Contrast

Analogous -30°

#EB4C37
Natural Harmony

Analogous +30°

#D6EB37
Natural Harmony

Triadic +120°

#37EBA6
120° Balanced Triad

Triadic +240°

#A637EB
120° Balanced Triad

Curated UI Design Pairings for Honey Gold

High-performing CTA button and badge highlight for culinary startups, fintech reward cards, and premium e-commerce showcases.

Deep Navy
#0F172A
Maximum Contrast Headings
Pure White
#FFFFFF
Crisp Button Typography
Travertine Warm
#F5EBE0
Warm Elegant Surface
Smoked Obsidian
#1C1917
Deep Dark Mode Accent

Export Honey Gold Code Snippets

CSS Variable --color-honey-gold: #EBA83A;
Tailwind Config 'honey-gold': '#EBA83A'
Swift / SwiftUI Color(hex: "#EBA83A")
JSON Design Token {"name": "Honey Gold", "hex": "#EBA83A"}

Frequently Asked Questions About Honey Gold (#EBA83A)

What is the exact HEX code for Honey Gold?

The exact HEX code for Honey Gold is #EBA83A. In 8-digit hexadecimal (with 100% opacity), it is #EBA83AFF. Its RGB decimal equivalent is rgb(235, 168, 58) and its HSL value is hsl(37deg, 82%, 57%).

What colors go best with Honey Gold in UI and web design?

Honey Gold pairs exceptionally well with Deep Navy (#0F172A), Pure White (#FFFFFF), Travertine Warm (#F5EBE0), and Smoked Obsidian (#1C1917).

How do I use Honey Gold in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #EBA83A; or background-color: #EBA83A;. In Tailwind CSS, use arbitrary value syntax like bg-[#eba83a] or text-[#eba83a], or define it in your Tailwind v4 @theme block as --color-honey-gold: #EBA83A;.

Is Honey Gold WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Honey Gold achieves a contrast ratio of 2.06:1 (Fail). Against a pure black background (#000000), it achieves 10.2:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator