#F2E31A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2e31a is an intense, high-saturation yellow that commands attention. Because it is so bright and energetic, use this shade as a small accent rather than a full background. It pairs exceptionally well with deep charcoals or dark teals to create sharp visual interest. Black text remains highly legible against this hex code, making it a functional choice for alerts, buttons, or calls to action.
Questions about #f2e31a
What is #f2e31a in RGB, HSL and CMYK?
In RGB, #f2e31a is rgb(242, 227, 26), in HSL hsl(56, 89%, 53%) and in CMYK 0%, 6%, 89%, 5%.
How should I use #f2e31a in a UI design?
#f2e31a functions best as a functional accent for buttons, alerts, or notification badges rather than a full background. Because it is highly saturated, it draws the eye immediately, making it a powerful tool for guiding user attention to specific call-to-action elements.
What colors pair well with #f2e31a?
Is #f2e31a readable on white or black?
#f2e31a has a 1.33:1 contrast ratio on white and 15.77: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.