#FFCB3A Hex Color
A high-energy yellow for optimistic designs
This saturated, high-energy yellow feels spontaneous and optimistic. The hex code #ffcb3a offers excellent contrast with black text, ensuring strong readability. Use this hue for high-visibility UI elements like sales buttons rather than large backgrounds. Apply it as a 10% accent to avoid overwhelming your layout.
Questions about #ffcb3a
What is #ffcb3a in RGB, HSL and CMYK?
In RGB, #ffcb3a is rgb(255, 203, 58), in HSL hsl(44, 100%, 61%) and in CMYK 0%, 20%, 77%, 0%.
How should #ffcb3a be used in user interface design?
Apply #ffcb3a sparingly as a high-visibility accent color for primary action buttons or alert badges. Because of its intense saturation, it acts as a visual anchor that draws immediate attention without needing to cover large background areas.
What colors pair well with #ffcb3a?
Is #ffcb3a readable on white or black?
#ffcb3a has a 1.51:1 contrast ratio on white and 13.85: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.