#EBC584 Hex Color

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

Hex color #ebc584 graphic
This mellow, unsaturated orange functions best as a cheerful, secondary background or a soft highlight in warm-toned branding. Because the lightness is high, it offers excellent readability with dark text overlays. Try pairing the hex code #ebc584 with deep charcoal grays or earthy browns to ground its youthful energy and prevent it from appearing too washed out in large-scale designs.

Questions about #ebc584

What is #ebc584 in RGB, HSL and CMYK?
In RGB, #ebc584 is rgb(235, 197, 132), in HSL hsl(38, 72%, 72%) and in CMYK 0%, 16%, 44%, 8%. Browse more shades of yellow with names and hex codes.
What colors pair best with the #ebc584 hex code?
Because #ebc584 is a light, unsaturated orange, it functions best when grounded by darker, high-contrast colors. Pair it with deep charcoal or warm espresso browns to provide visual weight and readability. For a softer approach, try subtle olive green accents.
Is #ebc584 a good choice for text on websites?
While #ebc584 is visually appealing, it is too light to serve as a primary text color against white backgrounds. Use it primarily for backgrounds, buttons, or illustrations, ensuring you pair it with dark, high-contrast typography for accessibility.
Is #ebc584 readable on white or black?
#ebc584 has a 1.63:1 contrast ratio on white and 12.85: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.