#DEE258 Hex Color

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

Hex color #dee258 graphic
This chartreuse-leaning yellow is high-energy and acidic. It demands attention, making #dee258 a risky choice for large backgrounds but excellent for buttons or call-to-action highlights. It pairs surprisingly well with charcoal grays or deep purples to ground its intensity. Because it offers strong contrast with black text, use the hex code #dee258 for UI elements that require immediate user focus.

Questions about #dee258

What is #dee258 in RGB, HSL and CMYK?
In RGB, #dee258 is rgb(222, 226, 88), in HSL hsl(62, 70%, 62%) and in CMYK 2%, 0%, 61%, 11%.
How can I effectively use #dee258 in web design?
Because #dee258 is so intense, use it sparingly as a vibrant accent for buttons, status indicators, or hover states rather than as a primary background. It provides excellent contrast against charcoal or black text for accessible, high-visibility UI elements.
What colors pair well with #dee258?
This chartreuse shade balances best when paired with deep, grounding neutrals or contrasting cool tones. Try using it alongside a dark charcoal to anchor its acidity, or create a sophisticated, energetic palette by incorporating deep purple as an accent color.
Is #dee258 readable on white or black?
#dee258 has a 1.38:1 contrast ratio on white and 15.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.