#FFBD2E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffbd2e is a high-energy, saturated yellow that demands attention. Because it is bright and lacks muted undertones, it works best as a 10% accent color for call-to-action buttons or highlights. Pair it with deep charcoal grays to ensure high contrast and readability. Avoid using this hex code as a full background, as its intensity can overwhelm the eye.
Questions about #ffbd2e
What is #ffbd2e in RGB, HSL and CMYK?
In RGB, #ffbd2e is rgb(255, 189, 46), in HSL hsl(41, 100%, 59%) and in CMYK 0%, 26%, 82%, 0%.
How should I use #ffbd2e effectively in design?
#ffbd2e is best reserved for 10% of your layout, such as buttons or small graphical highlights. Because it lacks muted undertones, applying it to large backgrounds often overwhelms the viewer and creates significant eye strain.
What colors pair well with #ffbd2e?
Deep charcoal grays are the ideal partner for #ffbd2e, as they provide the necessary contrast to make the text legible. Avoid pairing this bright yellow with light colors, as it will likely fail accessibility standards for readability.
Is #ffbd2e readable on white or black?
#ffbd2e has a 1.67:1 contrast ratio on white and 12.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.