#FEBB26 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation yellow makes #febb26 an attention-grabbing choice for UI elements like buttons or notification badges. Because this hex code is intense, use it as a 10 percent accent rather than a dominant background. It pairs well with charcoal or navy to balance its energy. Black text remains highly legible against this tone, maintaining excellent contrast for accessibility in functional design layouts.
Questions about #febb26
What is #febb26 in RGB, HSL and CMYK?
In RGB, #febb26 is rgb(254, 187, 38), in HSL hsl(41, 99%, 57%) and in CMYK 0%, 26%, 85%, 0%.
How can I effectively use #febb26 in a UI design?
Since #febb26 is a high-saturation yellow, limit its use to 10 percent of your interface as an attention-grabbing accent for buttons or notification badges. Pairing this intense color with charcoal or deep navy provides the necessary balance for visual harmony.
Is #febb26 readable on white or black?
#febb26 has a 1.70:1 contrast ratio on white and 12.35: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.