#EDA63D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #eda63d graphic
This golden orange brings immediate energy to a design palette. It functions best as an accent color rather than a full background, as its intensity can quickly overwhelm a layout. Pair #eda63d with deep charcoal or navy to ground the shade. Because it maintains high contrast, black text remains perfectly legible against this hex code.

Questions about #eda63d

What is #eda63d in RGB, HSL and CMYK?
In RGB, #eda63d is rgb(237, 166, 61), in HSL hsl(36, 83%, 58%) and in CMYK 0%, 30%, 74%, 7%.
Which colors pair best with #eda63d for a professional look?
To ground the intense energy of #eda63d, pair it with deep navy or charcoal grey. These dark neutrals stabilize the golden tone, making the combination feel sophisticated rather than chaotic, which works especially well for brand buttons or call-to-action elements.
Is #eda63d readable on white or black?
#eda63d has a 2.07:1 contrast ratio on white and 10.12:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.