#ECF280 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous yellow feels exceptionally warm and spontaneous. Because it is highly saturated, #ecf280 works best as an accent color rather than a dominant background, where it can easily overwhelm the eye. Pair this hex code with dark charcoal or deep navy for maximum impact. It provides excellent legibility for black text, making it a functional choice for high-contrast web alerts or calls to action.
Questions about #ecf280
What is #ecf280 in RGB, HSL and CMYK?
In RGB, #ecf280 is rgb(236, 242, 128), in HSL hsl(63, 81%, 73%) and in CMYK 2%, 0%, 47%, 5%.
What colors pair best with #ecf280?
Should #ecf280 be used for background elements?
Avoid using #ecf280 as a primary background color, as its extreme saturation often causes eye strain and reduces readability for long-form content. Reserve this bright tone specifically for small UI elements, notification badges, or as an accent to guide user attention.
Is #ecf280 readable on white or black?
#ecf280 has a 1.19:1 contrast ratio on white and 17.57: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.